*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}*:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-bg-start: #1a1a1a;--color-bg-end: #0f0f0f;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--color-text-subtle: rgba(255, 255, 255, .5);--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .1);--color-border-light: rgba(255, 255, 255, .05);--color-border-hover: rgba(255, 255, 255, .4);--color-accent: rgba(255, 255, 255, .9);--color-input-bg: rgba(255, 255, 255, .1);--color-input-bg-focus: rgba(255, 255, 255, .15);--color-input-border: rgba(255, 255, 255, .2);--color-success-bg: rgba(76, 175, 80, .2);--color-success-border: rgba(76, 175, 80, .4);--color-success: #4caf50;--color-error-bg: rgba(244, 67, 54, .2);--color-error-border: rgba(244, 67, 54, .4);--color-error: #f44336;--color-link-accent: #2563eb;--color-link-accent-hover: #1d4ed8;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-size-base: 16px;--line-height-base: 1.6;--max-width: 1200px;--section-padding: 100px;--card-padding: 40px;--element-gap: 20px;--border-radius-pill: 50px;--border-radius-card: 15px;--border-radius-input: 4px;--border-radius-sm: 8px;--breakpoint-tablet: 768px;--breakpoint-mobile: 480px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .3s ease}body{font-family:var(--font-family);line-height:var(--line-height-base);color:var(--color-text);background:linear-gradient(180deg,var(--color-bg-start) 0%,var(--color-bg-end) 100%);background-attachment:fixed;min-height:100vh;font-size:var(--font-size-base);overflow-x:hidden}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.skip-to-content{position:absolute;top:-40px;left:0;background:var(--color-text);color:var(--color-bg-start);padding:8px;text-decoration:none;z-index:100}.skip-to-content:focus{top:0}header{position:fixed;top:0;width:100%;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:20px 0}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:18px;font-weight:var(--font-weight-semibold);letter-spacing:1px;text-transform:uppercase}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:var(--color-text);text-decoration:none;font-size:14px;letter-spacing:.5px;transition:opacity .3s ease}.nav-links a:hover{opacity:.7}.menu-toggle{display:none;background:none;border:none;color:var(--color-text);font-size:24px;cursor:pointer}.btn{padding:14px 36px;font-size:15px;font-weight:var(--font-weight-normal);text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition-smooth);cursor:pointer;border:none;display:inline-block;border-radius:var(--border-radius-pill);position:relative;overflow:hidden}.btn-primary{background:var(--color-text);color:var(--color-bg-start);box-shadow:0 4px 15px #ffffff1a}.btn-primary:hover{background:var(--color-text);box-shadow:0 6px 25px #fff3;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-text-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:#fffc;box-shadow:0 4px 20px #ffffff26;transform:translateY(-1px)}.form-section{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--card-padding);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.form-section h3{font-size:24px;font-weight:var(--font-weight-normal);margin-bottom:30px;letter-spacing:-.5px}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-size:14px;font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase;opacity:.8}input,select,textarea{width:100%;padding:12px 15px;font-size:16px;background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--border-radius-input);color:var(--color-text);transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;background:var(--color-input-bg-focus);border-color:var(--color-border-hover)}textarea{resize:vertical;min-height:120px;font-family:inherit}select{cursor:pointer}select option{background:var(--color-bg-start);color:var(--color-text)}.radio-group{display:flex;gap:30px;margin-top:10px}.radio-label{display:flex;align-items:center;cursor:pointer;font-size:16px;font-weight:var(--font-weight-normal);text-transform:none;opacity:1}.radio-label input[type=radio]{width:auto;margin-right:10px;cursor:pointer}.radio-label span{font-size:16px}.form-submit{width:100%;padding:14px;font-size:15px;font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:1.5px;background:var(--color-text);color:var(--color-bg-start);border:none;border-radius:var(--border-radius-pill);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 15px #ffffff1a}.form-submit:hover{background:var(--color-text);box-shadow:0 6px 25px #fff3;transform:translateY(-1px)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-message{margin-top:15px;padding:10px;border-radius:var(--border-radius-input);font-size:14px;display:none}.form-message.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.form-message.error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.privacy-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:flex-start;font-size:.9rem;line-height:1.5;cursor:pointer;margin:0;text-align:left;max-width:100%}.checkbox-label input[type=checkbox]{margin-right:.75rem;margin-top:.2rem;width:18px;height:18px;accent-color:var(--color-link-accent);cursor:pointer;flex-shrink:0}.checkbox-label span{flex:1;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.privacy-link{color:var(--color-link-accent);text-decoration:underline;cursor:pointer}.privacy-link:hover{color:var(--color-link-accent-hover)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;animation:fadeIn .3s ease-out}.modal.show{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fefefe;margin:2% auto;padding:0;border-radius:var(--border-radius-sm);width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 10px 25px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background-color:#f8f9fa;padding:1.5rem 2rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:#e9ecef;color:#333}.modal-body{padding:2rem;max-height:60vh;overflow-y:auto;line-height:1.6;color:#333}.modal-body p{color:#333;margin:.8rem 0}.modal-body h3{color:#222;margin:1.5rem 0 1rem;font-size:1.1rem;font-weight:600}.modal-body h3:first-child{margin-top:0}.modal-body h4{color:#444;margin:1rem 0 .5rem;font-size:1rem;font-weight:500}.modal-body ul{margin:.5rem 0 1rem 1.5rem;color:#333}.modal-body li{margin:.3rem 0;color:#333}.modal-body strong{color:#222;font-weight:600}.modal-footer{background-color:#f8f9fa;padding:1rem 2rem;border-top:1px solid #dee2e6;text-align:right}.btn-close-modal{background-color:var(--color-link-accent);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-input);cursor:pointer;font-size:1rem;transition:background-color .2s}.btn-close-modal:hover{background-color:var(--color-link-accent-hover)}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:100%;left:0;width:100%;background:#1a1a1afa;flex-direction:column;padding:20px;gap:20px}.nav-links.active{display:flex}.menu-toggle{display:block}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.radio-group{flex-direction:column;gap:15px}.form-section{padding:30px 20px}.modal-content{width:95%;margin:5% auto;max-height:85vh}.modal-header,.modal-footer{padding:1rem}.modal-body{padding:1rem;max-height:50vh}.modal-header h2{font-size:1.3rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--section-padding) 20px 60px;background:transparent;position:relative}.hero-content{max-width:800px;position:relative;z-index:2}.hero-image{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;height:auto;opacity:.15;z-index:1;pointer-events:none}.hero-image img{width:100%;height:auto;object-fit:contain}.hero .author-name{font-size:14px;letter-spacing:3px;text-transform:uppercase;margin-bottom:40px;opacity:.8}.hero h1{font-size:clamp(48px,8vw,96px);font-weight:var(--font-weight-light);line-height:1.1;margin-bottom:20px;letter-spacing:-2px}.hero .tagline{font-size:clamp(18px,3vw,24px);font-weight:var(--font-weight-light);line-height:1.4;margin-bottom:50px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.about{padding:var(--section-padding) 20px;background:transparent}.about-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center}.about-image{width:100%;max-width:300px;justify-self:center}.about-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.about-info{display:flex;flex-direction:column}.about h2{font-size:clamp(32px,5vw,48px);font-weight:var(--font-weight-light);margin-bottom:40px;letter-spacing:-1px}.about-text{font-size:18px;line-height:1.8;opacity:.9}.about-text p{margin-bottom:20px}.contact{padding:var(--section-padding) 20px;background:transparent}.contact-content{max-width:1000px;margin:0 auto}.contact h2{font-size:clamp(32px,5vw,48px);font-weight:var(--font-weight-light);margin-bottom:60px;text-align:center;letter-spacing:-1px}.form-container{max-width:600px;margin:0 auto}.contact-info{text-align:center;margin-top:60px;padding-top:40px;border-top:1px solid var(--color-border)}.contact-info p{font-size:18px;opacity:.9}.contact-info a{color:var(--color-text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .3s ease}.contact-info a:hover{border-color:#fff9}.other-books{padding:80px 20px;background:transparent;border-top:1px solid var(--color-border)}.other-books h2{font-size:clamp(28px,4vw,36px);font-weight:var(--font-weight-light);margin-bottom:40px;text-align:center;letter-spacing:-1px}.books-grid{max-width:800px;margin:0 auto;display:grid;gap:30px}.book-item{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light);text-align:center}.book-info h3{font-size:22px;font-weight:var(--font-weight-normal);margin-bottom:10px;letter-spacing:-.5px}.book-subtitle{font-size:16px;opacity:.8;margin-bottom:20px;font-style:italic}.book-description{font-size:16px;line-height:1.6;opacity:.9;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto}footer{padding:40px 20px;text-align:center;background:transparent;border-top:1px solid var(--color-border)}.footer-content p{font-size:14px;opacity:.6;letter-spacing:.5px}@media (max-width: 768px){.about-content{grid-template-columns:1fr;text-align:center;max-width:600px}.about-image{max-width:250px;margin:0 auto}.about h2{text-align:center}.hero{padding:var(--section-padding) 20px 60px}.about,.contact,.other-books{padding:60px 20px}.book-item{padding:25px 20px}}@media (max-width: 480px){.hero h1{font-size:48px}.hero .tagline{font-size:18px}.about h2,.contact h2{font-size:32px}}
