*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--indigo:#2d2a6e;--purple:#6b3fa0;--gold:#e8a838;--cream:#fdf8f0;--text:#1a1a2e;--muted:#6b6b8a;--white:#fff;--radius:14px}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);font-family:Georgia,serif;line-height:1.7}header{background:linear-gradient(135deg, var(--indigo) 0%, var(--purple) 100%);color:var(--white);z-index:100;justify-content:space-between;align-items:center;padding:14px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #00000040}.logo{letter-spacing:.04em;opacity:.95;font-size:1.1rem;font-weight:700}.logo span{color:var(--gold)}.nav-right{align-items:center;gap:24px;display:flex}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{color:#ffffffd9;margin-left:24px;font-family:Arial,sans-serif;font-size:.9rem;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold)}.hamburger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:6px;display:none}.hamburger span{background:var(--white);border-radius:2px;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-menu{background:linear-gradient(160deg, var(--indigo), var(--purple));border-radius:0 0 var(--radius) var(--radius);z-index:105;flex-direction:column;min-width:200px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #0000004d}.nav-menu.open{display:flex}.nav-menu a{color:#ffffffd9;border-bottom:1px solid #ffffff14;padding:14px 24px;font-family:Arial,sans-serif;font-size:.95rem;text-decoration:none;transition:background .2s,color .2s}.nav-menu a:last-child{border-bottom:none}.nav-menu a:hover{color:var(--gold);background:#ffffff1a}.btn-nav-kopen{background:var(--gold);cursor:pointer;white-space:nowrap;border:none;border-radius:40px;padding:9px 20px;font-family:Arial,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #e8a83859;color:var(--indigo)!important}.btn-nav-kopen:hover{transform:translateY(-1px);box-shadow:0 4px 18px #e8a8388c}.hero{background:linear-gradient(160deg, var(--indigo) 0%, #1a1040 60%, #0d0820 100%);color:var(--white);justify-content:center;align-items:center;gap:70px;padding:80px 40px 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Ccircle cx='200' cy='200' r='180' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='40'/%3E%3Ccircle cx='200' cy='200' r='120' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='30'/%3E%3C/svg%3E") 50%/cover;position:absolute;inset:0}.stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.star{opacity:.6;background:#fff;border-radius:50%;width:3px;height:3px;animation:3s infinite alternate twinkle;position:absolute}@keyframes twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:.9;transform:scale(1.4)}}.hero-book{flex-shrink:0;position:relative}.hero-book img{border-radius:8px;width:240px;transition:transform .4s;transform:perspective(600px)rotateY(8deg);box-shadow:-8px 8px 40px #0009,4px 0 #ffffff0d}.hero-book img:hover{transform:perspective(600px)rotateY(0)scale(1.03)}.hero-book:after{content:"";filter:blur(6px);background:radial-gradient(#0006 0%,#0000 70%);width:80%;height:20px;position:absolute;bottom:-20px;left:10%}.hero-text{max-width:520px}.badge{background:var(--gold);color:var(--indigo);letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:18px;padding:5px 14px;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700;display:inline-block}.hero-text h1{text-shadow:0 2px 12px #0006;margin-bottom:10px;font-size:2.4rem;line-height:1.2}.hero-text .authors{color:var(--gold);margin-bottom:20px;font-size:1.05rem;font-style:italic}.hero-text p{color:#ffffffd1;margin-bottom:32px;font-size:1rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-primary{background:var(--gold);color:var(--indigo);cursor:pointer;border:none;border-radius:40px;padding:15px 32px;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 20px #e8a83866}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e8a8388c}.btn-secondary{color:var(--white);cursor:pointer;background:0 0;border:2px solid #fff6;border-radius:40px;align-items:center;gap:8px;padding:13px 28px;font-family:Arial,sans-serif;font-size:.95rem;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--gold);background:#e8a8381a}.price-tag{color:var(--gold);font-family:Arial,sans-serif;font-size:1.4rem;font-weight:700}.preview-section{background:var(--white);flex-direction:column;align-items:center;padding:60px 40px;display:flex}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--purple);margin-bottom:10px;font-family:Arial,sans-serif;font-size:.75rem;font-weight:700}.section-title{text-align:center;color:var(--indigo);margin-bottom:8px;font-size:1.9rem}.section-sub{color:var(--muted);text-align:center;margin-bottom:40px;font-family:Arial,sans-serif;font-size:.95rem}.player-card{background:linear-gradient(135deg, var(--indigo), var(--purple));border-radius:var(--radius);width:100%;max-width:640px;color:var(--white);padding:32px;box-shadow:0 8px 40px #2d2a6e40}.player-header{align-items:center;gap:18px;margin-bottom:24px;display:flex}.player-cover{object-fit:cover;border-radius:8px;flex-shrink:0;width:70px;height:70px}.player-info strong{margin-bottom:3px;font-size:1rem;display:block}.player-info span{opacity:.7;font-family:Arial,sans-serif;font-size:.82rem}.player-locked{opacity:.8;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:10px 16px;font-family:Arial,sans-serif;font-size:.8rem;display:flex}.progress-bar{cursor:pointer;background:#fff3;border-radius:10px;height:5px;margin-bottom:10px;position:relative}.progress-fill{background:var(--gold);border-radius:10px;width:35%;height:100%;transition:width .1s;position:relative}.progress-fill:after{content:"";background:var(--white);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-5px;transform:translateY(-50%);box-shadow:0 0 6px #0000004d}.time-row{opacity:.7;justify-content:space-between;margin-bottom:20px;font-family:Arial,sans-serif;font-size:.78rem;display:flex}.controls{justify-content:center;align-items:center;gap:24px;display:flex}.ctrl-btn{color:var(--white);cursor:pointer;opacity:.75;background:0 0;border:none;padding:4px;font-size:1.1rem;transition:opacity .2s,transform .15s}.ctrl-btn:hover{opacity:1;transform:scale(1.15)}.play-btn{background:var(--gold);color:var(--indigo);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.2rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #e8a83880}.play-btn:hover{transform:scale(1.08);box-shadow:0 6px 22px #e8a838b3}.chapter-list{border-top:1px solid #ffffff26;margin-top:24px;padding-top:18px}.chapter-list h4{letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:12px;font-family:Arial,sans-serif;font-size:.8rem}.chapter-item{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;transition:background .2s;display:flex}.chapter-item:hover{background:#ffffff14}.chapter-item.active{background:#ffffff1f}.chapter-num{opacity:.5;width:20px;font-family:Arial,sans-serif;font-size:.75rem}.chapter-name{flex:1;font-size:.9rem}.chapter-dur{opacity:.55;font-family:Arial,sans-serif;font-size:.78rem}.chapter-lock{opacity:.35;font-size:.85rem}.about-section{grid-template-columns:1fr 1fr;align-items:start;gap:60px;max-width:1100px;margin:0 auto;padding:80px 40px;display:grid}.about-section h2{color:var(--indigo);margin-bottom:20px;font-size:1.9rem}.about-section p{color:#3a3a5c;margin-bottom:16px;font-size:1rem}.tags{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag{color:var(--purple);background:#6b3fa01a;border-radius:20px;padding:5px 14px;font-family:Arial,sans-serif;font-size:.8rem}.quote-box{background:linear-gradient(135deg, var(--indigo) 0%, var(--purple) 100%);color:var(--white);border-radius:var(--radius);padding:32px}.quote-box blockquote{opacity:.9;margin-bottom:16px;font-size:1.05rem;font-style:italic;line-height:1.8}.quote-box blockquote:before{content:"“";color:var(--gold);vertical-align:-.4em;margin-right:4px;font-size:2.5rem;line-height:0}.quote-attr{opacity:.7;font-family:Arial,sans-serif;font-size:.85rem;font-style:normal}.quote-attr strong{color:var(--gold);font-size:.9rem;display:block}.book-details{background:var(--white);border-radius:var(--radius);margin-top:28px;padding:24px;box-shadow:0 2px 16px #0000000f}.book-details h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-family:Arial,sans-serif;font-size:.8rem}.detail-row{border-bottom:1px solid #f0eaf8;justify-content:space-between;padding:8px 0;font-family:Arial,sans-serif;font-size:.9rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--muted)}.detail-row span:last-child{color:var(--indigo);font-weight:700}.gallery-section{background:var(--white);text-align:center;padding:60px 40px}.gallery-grid{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:36px;display:flex}.gallery-grid img{object-fit:cover;cursor:pointer;border-radius:10px;height:220px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000001f}.gallery-grid img:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 32px #0003}.authors-section{text-align:center;max-width:900px;margin:0 auto;padding:80px 40px}.authors-grid{text-align:left;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;display:grid}.author-card{background:var(--white);border-radius:var(--radius);align-items:flex-start;gap:18px;padding:28px;display:flex;box-shadow:0 2px 20px #00000012}.author-avatar{object-fit:cover;border:3px solid var(--gold);border-radius:50%;flex-shrink:0;width:68px;height:68px}.author-card h3{color:var(--indigo);margin-bottom:6px;font-size:1.05rem}.author-card p{color:var(--muted);font-family:Arial,sans-serif;font-size:.85rem;line-height:1.6}.cta-section{background:linear-gradient(135deg, var(--indigo) 0%, #1a1040 100%);color:var(--white);text-align:center;padding:80px 40px}.cta-section h2{margin-bottom:12px;font-size:2.2rem}.cta-section p{opacity:.8;margin-bottom:40px;font-family:Arial,sans-serif}.pricing-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff26;min-width:340px;padding:40px 48px;display:inline-block}.pricing-price{color:var(--gold);margin-bottom:4px;font-size:3rem;font-weight:700;line-height:1}.pricing-price sup{vertical-align:super;font-size:1.4rem}.pricing-desc{opacity:.65;margin-bottom:28px;font-family:Arial,sans-serif;font-size:.85rem}.perks{text-align:left;margin-bottom:32px;list-style:none}.perks li{opacity:.9;align-items:center;gap:10px;padding:7px 0;font-family:Arial,sans-serif;font-size:.92rem;display:flex}.perks li:before{content:"✦";color:var(--gold);flex-shrink:0;font-size:.7rem}footer{color:#ffffff80;text-align:center;background:#0d0820;padding:28px 40px;font-family:Arial,sans-serif;font-size:.82rem}footer a{color:var(--gold);text-decoration:none}.modal-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius);width:90%;max-width:480px;padding:40px;animation:.25s pop;position:relative}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:1.4rem;position:absolute;top:14px;right:18px}.modal h2{color:var(--indigo);margin-bottom:8px;font-size:1.5rem}.modal p{color:var(--muted);margin-bottom:24px;font-family:Arial,sans-serif;font-size:.92rem}.form-group{margin-bottom:16px}.form-group label{color:var(--indigo);margin-bottom:6px;font-family:Arial,sans-serif;font-size:.85rem;font-weight:700;display:block}.form-group input{border:1.5px solid #ddd;border-radius:8px;width:100%;padding:11px 14px;font-family:Arial,sans-serif;font-size:.95rem;transition:border-color .2s}.form-group input:focus{border-color:var(--purple);outline:none}.modal-submit{background:var(--gold);width:100%;color:var(--indigo);cursor:pointer;border:none;border-radius:40px;margin-top:8px;padding:14px;font-family:Arial,sans-serif;font-size:1rem;font-weight:700;transition:transform .2s}.modal-submit:hover{transform:translateY(-1px)}@media (width<=820px){.nav-links{display:none}.hamburger{display:flex}}@media (width>=821px){.hamburger,.nav-menu{display:none!important}}@media (width<=820px){.hero{text-align:center;flex-direction:column;gap:40px;padding:60px 24px 80px}.hero-actions{justify-content:center}.about-section{grid-template-columns:1fr;padding:60px 24px}.authors-grid{grid-template-columns:1fr}header{padding:14px 20px}nav a{margin-left:14px;font-size:.82rem}.hero-text h1{font-size:1.8rem}.gallery-section,.preview-section,.cta-section,.authors-section{padding:50px 24px}}.order-page[data-v-6837de7f]{color:#1a1a2e;background:#fdf8f0;min-height:100vh;font-family:Georgia,serif}.order-header[data-v-6837de7f]{color:#fff;background:linear-gradient(135deg,#2d2a6e,#6b3fa0);justify-content:space-between;align-items:center;padding:14px 40px;display:flex}.logo span[data-v-6837de7f]{color:#e8a838}.back-link[data-v-6837de7f]{color:#fff;font-size:.9rem;text-decoration:none}.order-main[data-v-6837de7f]{max-width:800px;margin:0 auto;padding:40px 24px}h1[data-v-6837de7f]{margin-bottom:8px}.customer[data-v-6837de7f]{color:#6b6b8a;margin-bottom:24px}.status[data-v-6837de7f]{border-radius:10px;margin-bottom:24px;padding:14px 18px;font-weight:700}.status-paid[data-v-6837de7f]{color:#1a5e22;background:#d4f4d6}.status-pending[data-v-6837de7f]{color:#3a3a55;background:#ececf4}.status-initiated[data-v-6837de7f]{color:#6b5300;background:#fff3cd}.product-block[data-v-6837de7f]{background:#fff;border-radius:14px;gap:24px;padding:24px;display:flex;box-shadow:0 2px 16px #0000000f}.cover[data-v-6837de7f]{border-radius:8px;width:160px;height:auto}.total[data-v-6837de7f]{color:#6b6b8a;margin-bottom:16px}audio[data-v-6837de7f]{width:100%;margin:12px 0}.btn[data-v-6837de7f]{color:#2d2a6e;background:#e8a838;border-radius:40px;margin-top:8px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.muted[data-v-6837de7f]{color:#6b6b8a}.verify-page[data-v-1f313d7a]{color:#1a1a2e;background:#fdf8f0;min-height:100vh;font-family:Georgia,serif}.verify-header[data-v-1f313d7a]{color:#fff;background:linear-gradient(135deg,#2d2a6e,#6b3fa0);justify-content:space-between;align-items:center;padding:14px 40px;display:flex}.logo span[data-v-1f313d7a]{color:#e8a838}.back-link[data-v-1f313d7a]{color:#fff;font-size:.9rem;text-decoration:none}.verify-main[data-v-1f313d7a]{max-width:520px;margin:0 auto;padding:40px 24px}h1[data-v-1f313d7a]{margin-bottom:8px}.muted[data-v-1f313d7a]{color:#6b6b8a;margin-bottom:24px}.card[data-v-1f313d7a]{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 16px #0000000f}.code-input[data-v-1f313d7a]{letter-spacing:.5em;text-align:center;border:2px solid #ececf4;border-radius:10px;width:100%;margin:16px 0;padding:12px;font-family:Courier New,monospace;font-size:2rem;display:block}.btn[data-v-1f313d7a]{color:#2d2a6e;cursor:pointer;background:#e8a838;border:none;border-radius:40px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-block}.btn[data-v-1f313d7a]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-1f313d7a]{color:#b00020;margin:8px 0}.resend[data-v-1f313d7a]{color:#6b6b8a;margin-top:16px;font-size:.9rem}.link[data-v-1f313d7a]{color:#6b3fa0;cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline}