*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--lavender: #c4a7d9;--lavender-light: #e8d7f0;--lavender-dark: #9b7cb6;--lavender-darker: #6b5080;--peach: #ffd9c0;--mint: #c0ffd9;--sky: #c0d9ff;--white: #ffffff;--gray-light: #f5f5f5;--gray-medium: #cccccc;--bg-primary: #000000;--bg-secondary: #0a0515;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .7);--nav-bg: rgba(0, 0, 0, .7);--nav-border: var(--lavender);--nav-color: var(--lavender-light);--footer-bg: #000000;--footer-border: rgba(155, 124, 182, .2);--footer-text: rgba(155, 124, 182, .7);--header-bg: rgba(0, 0, 0, .95);--canvas-filter: none}body.light-mode{--bg-primary: #f5f0fa;--bg-secondary: #ede4f5;--text-primary: #1a1a2e;--text-secondary: rgba(30, 20, 50, .9);--text-muted: rgba(30, 20, 50, .7);--nav-bg: rgba(255, 255, 255, .85);--nav-border: var(--lavender-dark);--nav-color: var(--lavender-darker);--footer-bg: #ede4f5;--footer-border: rgba(155, 124, 182, .3);--footer-text: var(--lavender-darker);--header-bg: rgba(240, 230, 250, .97);--canvas-filter: invert(1) hue-rotate(180deg) brightness(.85)}body.light-mode{background-color:var(--bg-primary);color:var(--text-primary)}body.light-mode #wave-canvas{filter:none}body.light-mode header{background-color:var(--header-bg);border-bottom-color:#9b7cb64d}body.light-mode footer{background-color:var(--footer-bg);border-top-color:var(--footer-border)}body.light-mode footer p{color:var(--footer-text)}body.light-mode .about-text,body.light-mode .about-text p,body.light-mode .book-description,body.light-mode .contact-intro,body.light-mode .newsletter-intro{color:var(--text-secondary)}body.light-mode .about,body.light-mode .contact,body.light-mode .newsletter{background-color:var(--bg-primary)}body.light-mode .books{background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%)}body.light-mode .hero-title{color:var(--text-primary);text-shadow:2px 2px 4px rgba(196,167,217,.4)}body.light-mode .hero-overlay{background:none}body.light-mode .book-title{color:var(--text-primary)}body.light-mode .scramble-fade-title{color:#1a1a2e59}body.light-mode .scramble-fade-title .ch.scrambling{color:#1a1a2e40}body.light-mode .scramble-fade-title .ch.locked{color:var(--text-primary);text-shadow:0 0 12px rgba(26,26,46,.4)}body.light-mode .section-header h2{color:var(--text-primary)}body.light-mode .icon-btn-circle .tooltip{color:var(--text-primary);border-bottom-color:var(--text-primary)}body.light-mode .icon-btn-circle{background-color:var(--nav-bg);border-color:var(--nav-border);color:var(--nav-color)}body.light-mode .icon-btn-circle:hover{background-color:var(--lavender-dark);color:var(--white);border-color:var(--lavender-dark)}body.light-mode .contact-card,body.light-mode .newsletter-benefits{background-color:#9b7cb614;border-color:var(--lavender-dark)}body.light-mode .form-group input[type=text],body.light-mode .form-group input[type=email]{background-color:#fffc;border-color:var(--lavender-dark);color:var(--text-primary)}.theme-toggle-btn{font-size:1.1rem!important}body:not(.light-mode) .theme-icon-moon{display:none}body:not(.light-mode) .theme-icon-sun{display:inline-block;vertical-align:middle}body.light-mode .theme-icon-sun{display:none}body.light-mode .theme-icon-moon{display:inline-block;vertical-align:middle}body.light-mode .book-cover-image{box-shadow:none}#root{min-height:100vh;display:flex;flex-direction:column;flex:1}html{scroll-behavior:smooth;overscroll-behavior:none}body{font-family:Lato,sans-serif;line-height:1.8;color:var(--white);background-color:var(--black);overflow-x:hidden;position:relative;min-height:100vh;display:flex;flex-direction:column}#wave-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}header,main,footer{position:relative;z-index:1}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 40px}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;line-height:1.3}header{background-color:#000000f2;border-bottom:1px solid rgba(155,124,182,.2);position:fixed;width:100%;top:0;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}header.scrolled{background-color:#000000fa;box-shadow:0 2px 20px #9b7cb61a;border-bottom:1px solid rgba(155,124,182,.3)}nav{padding:1.5rem 0}nav .container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem}.logo{font-size:1.8rem;color:var(--lavender-light);font-weight:400;letter-spacing:4px;transition:color .3s ease}.logo:hover{color:var(--white)}.nav-links{display:flex;list-style:none;gap:2.5rem;justify-content:center}.nav-links a{color:#ffffffd9;text-decoration:none;transition:color .3s ease;font-size:.95rem;letter-spacing:1px;text-transform:uppercase;font-weight:400;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--lavender);transition:width .3s ease}.nav-links a:hover{color:var(--lavender-light)}.nav-links a:hover:after{width:100%}.hero{margin-top:0;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;overflow:hidden}.hero:before{display:none}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.6) 100%)}.hero-content{text-align:center;position:relative;z-index:1;max-width:800px;margin:0 auto;padding:2rem}.hero-title{font-size:8rem;color:var(--white);margin-bottom:1rem;letter-spacing:12px;font-weight:300;font-style:normal;font-family:Electrolize,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-title .small-cap{font-size:.8em;vertical-align:baseline;position:relative}.hero-subtitle{font-size:1.3rem;color:var(--lavender-light);letter-spacing:4px;text-transform:uppercase;font-weight:300;margin-bottom:2rem}.hero-divider{width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--lavender),transparent);margin:2rem auto}.hero-description{font-size:1.1rem;color:#ffffffe6;margin-bottom:3rem;line-height:1.8;font-weight:300}.hero-nav{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.hero-btn{display:inline-block;padding:1rem 3rem;background-color:transparent;color:var(--lavender-light);text-decoration:none;transition:all .4s ease;font-weight:400;letter-spacing:2px;text-transform:uppercase;font-size:.9rem}.hero-btn:hover{background-color:var(--lavender);color:var(--white);transform:translateY(-2px);box-shadow:0 10px 30px #9b7cb64d}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:3rem;color:var(--lavender-light);margin-bottom:1rem;letter-spacing:3px;text-transform:uppercase;font-weight:400;font-family:Electrolize,sans-serif}.section-divider{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--lavender),transparent);margin:0 auto}.about{padding:120px 0;background-color:transparent}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:center;max-width:1000px;margin:0 auto}.about-image{position:relative}.image-placeholder{aspect-ratio:3/4;background:transparent;display:flex;align-items:center;justify-content:center;border:2px solid var(--lavender);position:relative;overflow:hidden}.image-placeholder #wave-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.9;pointer-events:auto}.image-placeholder span{display:block;font-size:1rem;letter-spacing:2px;text-transform:uppercase;position:relative;z-index:1;color:var(--lavender-light)}.about-text{color:#ffffffe6}.about-intro{font-size:1.5rem;color:var(--lavender-light);margin-bottom:1.5rem;font-family:Playfair Display,serif;font-style:italic}.about-text p{margin-bottom:1.5rem;font-size:1.05rem;line-height:2}.books{padding:120px 0;background:linear-gradient(180deg,var(--black) 0%,#0a0515 50%,var(--black) 100%)}.books-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:auto auto;column-gap:4rem;row-gap:4rem;align-items:start}.book-cover-container{position:relative;min-width:220px;align-self:start}.book-cover-image{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:15px 15px 40px #000000b3,-3px -3px 15px #c4a7d933}.book-cover-wave-placeholder{aspect-ratio:2/3;width:100%;background:transparent;display:flex;align-items:center;justify-content:center;border:2px solid var(--lavender);position:relative;overflow:hidden;box-shadow:15px 15px 40px #000000b3,-3px -3px 15px #c4a7d933}.book-cover-wave-placeholder #book-cover-canvas-2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.9;pointer-events:auto}.book-cover-wave-placeholder span{display:block;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;position:relative;z-index:1;color:var(--lavender-light);font-family:Electrolize,sans-serif}body.light-mode .book-cover-wave-placeholder{box-shadow:none;border-color:var(--lavender-dark)}body.light-mode .book-cover-wave-placeholder span{color:var(--text-primary)}.book-cover-placeholder{aspect-ratio:2/3;background:url(cover.png) center/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;position:relative;border:none;box-shadow:15px 15px 40px #000000b3,-3px -3px 15px #c4a7d933;transition:transform .3s ease,box-shadow .3s ease}.book-cover-placeholder:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:20px 20px 50px #000c,-5px -5px 20px #c4a7d94d}.book-spine{position:absolute;left:0;top:0;bottom:0;width:8px;display:none}.book-cover-content{display:none}.book-details{color:#ffffffe6}.book-title{font-family:Raleway,sans-serif;font-size:3rem;font-weight:100;color:var(--white);line-height:1;letter-spacing:10px;text-transform:uppercase;margin-bottom:.75rem;white-space:nowrap}.scramble-fade-title{cursor:pointer;-webkit-user-select:none;user-select:none;color:#c4a7d966}.scramble-fade-title .ch{display:inline-block;width:.72em;text-align:center;overflow:hidden;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.scramble-fade-title .ch.space{width:.5em}.scramble-fade-title .ch.scrambling{color:#c4a7d94d}.scramble-fade-title .ch.locked{color:var(--white);text-shadow:0 0 12px rgba(196,167,217,.8)}.scramble-fade-title.scramble-flash{animation:scrambleTitleFlash .08s ease-out forwards}@keyframes scrambleTitleFlash{0%{text-shadow:0 0 40px rgba(196,167,217,1),0 0 80px rgba(196,167,217,.7)}to{text-shadow:none}}.book-series{font-family:Electrolize,sans-serif;font-size:.65rem;font-weight:400;letter-spacing:8px;text-transform:uppercase;color:var(--lavender-dark);margin-bottom:1.5rem}.book-description{font-size:1.05rem;line-height:1.9;margin-bottom:2rem;color:#ffffffd9}.book-links{display:flex;gap:1rem;flex-wrap:wrap}.book-btn{display:inline-block;padding:.9rem 2rem;text-decoration:none;border-radius:0;transition:all .3s ease;font-weight:400;letter-spacing:1px;text-transform:uppercase;font-size:.9rem}.book-btn-primary{background-color:var(--lavender);color:var(--white);border:2px solid var(--lavender)}.book-btn-primary:hover{background-color:var(--lavender-light);border-color:var(--lavender-light);transform:translateY(-2px);box-shadow:0 8px 20px #9b7cb64d}.book-btn-secondary{background-color:transparent;color:var(--lavender-light);border:2px solid var(--lavender-dark)}.book-btn-secondary:hover{background-color:var(--lavender-dark);color:var(--white);border-color:var(--lavender-dark)}.contact{padding:120px 0;background-color:var(--black)}.contact-intro{text-align:center;font-size:1.2rem;color:#ffffffe6;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto}.contact-methods{display:flex;justify-content:center;align-items:center;margin:2rem auto}.contact-card{background-color:#9b7cb60d;border:1px solid var(--lavender-dark);padding:3rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease;display:block}.contact-card:hover{background-color:#9b7cb61a;border-color:var(--lavender);transform:translateY(-5px);box-shadow:0 10px 30px #9b7cb633}.contact-icon{font-size:3rem;margin-bottom:1.5rem}.contact-card h3{font-size:1.5rem;color:var(--lavender-light);margin-bottom:.5rem}.contact-card p{color:#ffffffb3;font-size:1rem}footer{padding:3rem 0;background-color:var(--black);border-top:1px solid rgba(155,124,182,.2);text-align:center}footer p{color:#9b7cb6b3;font-size:.9rem;letter-spacing:1px}@media (max-width: 1024px){.container{padding:0 30px}.hero-title{font-size:7rem}}@media (max-width: 768px){.container{padding:0 20px}.nav-links{gap:1.5rem}.nav-links a{font-size:.85rem}.hero{min-height:80vh}.hero-title{font-size:6rem;letter-spacing:6px}.hero-subtitle{font-size:1rem;letter-spacing:2px}.hero-description{font-size:1rem}.section-header h2{font-size:2.2rem}.about-content{grid-template-columns:1fr;gap:3rem}.about-intro{font-size:1.3rem}.books-grid{grid-template-columns:1fr;gap:2rem}.book-cover-placeholder{max-width:350px;margin:0 auto}.book-title{font-size:2.2rem}.contact-methods{grid-template-columns:1fr}}@media (max-width: 480px){.logo{font-size:1.3rem;letter-spacing:2px}.nav-links{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-links a{font-size:.8rem}.hero{min-height:100vh;padding:2rem 0}.hero-title{font-size:4.5rem;letter-spacing:4px}.hero-subtitle{font-size:.9rem}.hero-description{font-size:.95rem}.hero-btn{padding:.8rem 2rem;font-size:.85rem}.section-header h2{font-size:1.8rem}.about,.books,.contact{padding:80px 0}.about-intro{font-size:1.2rem}.about-text p{font-size:1rem}.book-cover-content h3{font-size:1.8rem}.book-title{font-size:1.8rem;letter-spacing:6px}.book-description{font-size:1rem}.book-links{flex-direction:column}.book-btn{text-align:center;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content{animation:fadeIn 1s ease-out}.icon-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:1000;flex-wrap:nowrap;justify-content:center}.icon-btn-circle{width:50px;height:50px;border-radius:50%;background-color:#000000b3;border:2px solid var(--lavender);color:var(--lavender-light);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:all .3s ease;cursor:pointer;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-btn-circle:hover{background-color:var(--lavender);color:var(--white);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #c4a7d966;border-color:var(--lavender-light)}.icon-btn-circle .tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);color:var(--lavender-light);padding:4px 0;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;letter-spacing:1px;font-weight:300;border-bottom:1px solid var(--lavender-light);transform:translate(-50%) translateY(5px)}.icon-btn-circle:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.icon-nav{top:10px;left:50%;transform:translate(-50%);gap:10px;flex-wrap:wrap;max-width:90%}.icon-btn-circle{width:45px;height:45px;font-size:1.1rem}}.newsletter{padding:120px 0;background-color:var(--black)}.newsletter-content{max-width:800px;margin:0 auto}.newsletter-intro{text-align:center;margin-bottom:3rem;font-size:1.1rem;color:#ffffffe6;line-height:1.8}.newsletter-form-container{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;position:relative;min-height:80px}.newsletter-form{display:flex;flex-direction:row;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--lavender-light);font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.form-group input[type=text],.form-group input[type=email]{padding:1rem;width:220px;background-color:#00000080;border:1px solid var(--lavender-dark);color:var(--white);font-size:1rem;font-family:Lato,sans-serif;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=email]:focus{outline:none;border-color:var(--lavender);background-color:#000000b3;box-shadow:0 0 0 3px #9b7cb61a}.newsletter-input::placeholder{color:#c4a7d980;font-family:Playfair Display,serif;font-style:italic;font-size:.95rem;letter-spacing:2px}.newsletter-input:focus::placeholder{color:#c4a7d940;transition:color .3s ease}.newsletter-input{font-family:Lato,sans-serif;letter-spacing:1px}.checkbox-group{gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;cursor:pointer;font-size:1rem;text-transform:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--lavender)}.newsletter-form button{align-self:center}.form-success{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.form-success i{font-size:4rem;color:var(--lavender);margin-bottom:1rem}.form-success h3{color:var(--lavender-light);font-size:2rem;margin-bottom:1rem}.form-success p{color:#ffffffe6;font-size:1.1rem}.success-heart{pointer-events:none;margin-bottom:1rem;cursor:default;background-color:#000000b3;border-color:var(--lavender);color:var(--lavender-light);font-size:1.2rem}.success-heart i{font-size:1.2rem;margin-bottom:0}.newsletter-benefits{background-color:#9b7cb608;border:1px solid var(--lavender-darker);padding:2.5rem}.newsletter-benefits h3{color:var(--lavender-light);font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.newsletter-benefits ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.newsletter-benefits li{color:#ffffffe6;font-size:1.05rem;display:flex;align-items:center;gap:1rem}.newsletter-benefits li i{color:var(--lavender);font-size:1.3rem;width:30px;text-align:center}