:root{color-scheme:dark;--ink:#eef8ff;--muted:#a9bdd0;--cyan:#31d3f0;--line:#29465d;--panel:#101e31}
body{background:#070d19;color:var(--ink)}
::selection{background:#2ccde3;color:#06121d}
a,summary{-webkit-tap-highlight-color:transparent}
*:focus-visible{outline:3px solid #8bf3ff;outline-offset:4px}
.wrap{width:min(1160px,calc(100% - 48px))}
.hero{background:radial-gradient(circle at 76% 35%,#153e56 0,transparent 38%),radial-gradient(circle at 7% 15%,#10354a 0,transparent 34%),linear-gradient(140deg,#08111f,#0b1727 65%,#07111d)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#65d9ef0a 1px,transparent 1px),linear-gradient(90deg,#65d9ef0a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.hero:after{opacity:.1}
.nav{padding:24px 0;border-bottom:1px solid #ffffff14}
.nav a:last-child{padding:10px 16px;border:1px solid #37627a;border-radius:999px;color:#e9f9ff;transition:background .2s,border-color .2s,transform .2s}
.nav a:last-child:hover{background:#183e50;border-color:#5bc9dd;transform:translateY(-2px)}
.hero-grid{gap:55px;padding:66px 0 90px}
.hero h1{max-width:700px;font-size:clamp(3.2rem,6vw,6rem);line-height:1.04;letter-spacing:-.065em;text-wrap:balance}
.hero h1 span{background:linear-gradient(105deg,#36e6ed,#3cb5f8 66%,#99efff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:615px}
.hero .sub{max-width:590px;line-height:1.6}
.tag{background:#143747bb;border-color:#3d8396;box-shadow:inset 0 1px #ffffff1c}
.btn{position:relative;gap:14px;overflow:hidden;isolation:isolate;min-height:60px;padding:15px 24px;border:1px solid #a3f9ff80;border-radius:14px;background:linear-gradient(120deg,#67e7ef,#25c9e8 58%,#43a9e3);color:#052134;box-shadow:0 10px 30px #04b4d533,inset 0 1px #fff8;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.btn:before{content:"";position:absolute;inset:-100% auto -100% -55%;width:34%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff75,transparent);transition:left .55s ease;z-index:-1}
.btn:after{content:"↗";font-size:1.2em;line-height:1;transition:transform .22s ease}
.btn:hover{transform:translateY(-4px);box-shadow:0 18px 38px #08bada58,inset 0 1px #fff;filter:brightness(1.07)}
.btn:hover:before{left:125%}
.btn:hover:after{transform:translate(3px,-3px)}
.btn:active{transform:translateY(1px) scale(.985);box-shadow:0 5px 14px #06b1d143}
.btn-secondary{background:#11273a;border-color:#4a92a8;color:#e8fbff;box-shadow:inset 0 1px #ffffff19,0 9px 22px #0003}
.btn-secondary:hover{background:#1b3b4e;box-shadow:0 14px 30px #0005,0 0 0 1px #66dce677}
.bookstage{position:relative;min-height:540px;border-radius:32px;background:radial-gradient(circle at 50% 52%,#32badb4a,transparent 57%)}
.bookstage:before{content:"";position:absolute;width:min(80%,440px);aspect-ratio:1;border:1px solid #64e1ed2e;border-radius:50%;box-shadow:0 0 0 40px #56def30b,0 0 90px #23c4df21}
.bookstage img{position:relative;filter:drop-shadow(24px 34px 27px #000a);transform:rotate(-3deg);transition:transform .45s ease,filter .45s ease}
.bookstage:hover img{transform:rotate(0deg) translateY(-7px);filter:drop-shadow(24px 42px 35px #000b)}
.section{position:relative;padding:100px 0;scroll-margin-top:30px}
.section.alt{background:#0d192a}.section.deep{background:#091322}
.section h2{max-width:870px;line-height:1.12;text-wrap:balance}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#62dced}
.eyebrow:before{content:"";height:6px;width:6px;background:#56e7ed;border-radius:50%;box-shadow:0 0 0 5px #56e7ed22}
.intro,.review-intro{color:#bfcedc}
.grid3,.steps{gap:20px}
.card,.module,.bonus,.step,.author-card,.real-review{border-radius:18px;border:1px solid #2a4d63;background:linear-gradient(155deg,#15283b,#101d30 75%);box-shadow:inset 0 1px #ffffff0c,0 16px 35px #0002;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card,.bonus{padding:30px}.card{min-height:225px}
.card h3,.bonus h3{font-size:1.2rem}
.card p,.module p,.bonus p,.step p{color:#b4c5d5}
.step{border-left:1px solid #2a4d63;position:relative;padding:29px}
.step:before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:3px;border-radius:10px;background:linear-gradient(#40e6e9,#2e84bd)}
.module{padding:22px 24px;min-height:130px}.module small{color:#63dbef}.module strong{font-size:1.04rem}
.bonus-vip{background:linear-gradient(135deg,#16485a,#142b40 70%);border-color:#4cbbd0;box-shadow:0 0 28px #24c8df16,inset 0 1px #ffffff21}
.section-action{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:38px;flex-wrap:wrap}.section-action span{color:#a8bdcd;font-size:.93rem}
.real-review{border-color:#2d5167}.real-review a{overflow:hidden}.real-review img{transition:transform .3s ease}.real-review a:hover img{transform:scale(1.025)}
.author-card img{height:355px}.author-copy{padding:30px}
.social-link{border-radius:12px;background:#102d3b;transition:transform .2s,background .2s,box-shadow .2s}.social-link:hover{transform:translateY(-3px);background:#19495a;box-shadow:0 8px 22px #0003}
.offer{position:relative;overflow:hidden;border-radius:26px;border-color:#50bad0;background:radial-gradient(circle at 50% -10%,#1b6474,#103349 40%,#0e1c2e 85%);box-shadow:0 27px 65px #0008,0 0 0 6px #3ad3de0a}
.offer:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,#7bf2ef,transparent)}
.offer .btn{max-width:440px}
.faq details{background:#122238;border:1px solid #29485d;border-radius:13px;padding:0;margin:12px 0;transition:border-color .2s,background .2s}
.faq details:hover,.faq details[open]{border-color:#4ba5b9;background:#152d41}
.faq summary{align-items:center;padding:21px 24px}.faq summary:after{font-size:1.55rem}.faq p{padding:0 24px 22px;margin:0}
.mobilebar{box-shadow:0 -12px 30px #0005}
@media(hover:hover){.card:hover,.module:hover,.bonus:hover,.step:hover,.real-review:hover{transform:translateY(-5px);border-color:#4a9cb1;box-shadow:0 21px 38px #0004,inset 0 1px #ffffff16}}
@media(max-width:800px){.wrap{width:min(100% - 32px,600px)}.nav{padding:18px 0}.hero-grid{padding:30px 0 65px;gap:4px}.bookstage{min-height:0;padding:10px 0}.bookstage:before{width:260px}.bookstage img{width:min(100%,320px);transform:rotate(-2deg)}.hero h1{font-size:clamp(2.65rem,10.8vw,4.4rem)}.hero .btn{width:100%}.section{padding:66px 0}.card{min-height:0}.section-action{align-items:stretch;flex-direction:column;text-align:center}.section-action .btn{width:100%}.offer{padding:32px 20px}.mobilebar{position:fixed;left:0;right:0;bottom:0;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#071421ed}.mobilebar .btn{min-height:52px}.footer{padding-bottom:110px}}
@media(max-width:390px){.hero h1{font-size:clamp(2.14rem,10.5vw,2.65rem)}.bookstage img{width:min(100%,270px)}.module{padding:19px}.offer{padding:28px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.bookstage img{transform:none}.btn:hover,.btn:active,.card:hover,.module:hover,.bonus:hover,.step:hover,.real-review:hover{transform:none}}
.problem-section{background:radial-gradient(circle at 80% 20%,#16374c,#081322 60%)!important}
.problem-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}
.problem-layout h2{font-size:clamp(2.2rem,4.5vw,4.15rem);line-height:1.12}
.problem-layout h2 .sky{display:inline-block;margin-top:.13em}
.problem-list{display:grid;gap:14px}
.problem-list>div{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid #2c5870;border-radius:16px;background:linear-gradient(110deg,#173348,#102237);box-shadow:inset 0 1px #ffffff10}
.problem-list span{color:#55d4e9;font-size:.8rem;font-weight:900;letter-spacing:.12em}
.problem-list strong{font-size:1.12rem;line-height:1.35}
.method-section{border-top:1px solid #20475b}.method-section .intro strong{color:#f3fcff}
.learn-title{margin:33px 0 16px;font-size:1.35rem}
.learn-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:860px}
.learn-grid li{padding:19px 20px 19px 47px;position:relative;background:#12283b;border:1px solid #2d5267;border-radius:13px;color:#dcecf4;line-height:1.45}
.learn-grid li:before{content:"✓";position:absolute;left:20px;color:#54dce7;font-weight:900}
.bonus-grid{margin-top:35px}.bonus{position:relative;overflow:hidden}.bonus:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#29bde4,#6df1e2,transparent)}
.bonus b{color:#6be3ee}.bonus-vip{box-shadow:0 0 45px #24c8df24,inset 0 1px #ffffff21}
.audience-lists{display:grid;gap:14px;margin-top:30px}
.audience-panel{padding:24px;border:1px solid #315970;background:#12283a;border-radius:16px}
.audience-panel h3{margin:0 0 15px;font-size:1.12rem}
.audience-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.audience-panel li{position:relative;padding-left:28px;color:#cfdeeb;line-height:1.42}
.audience-panel li:before{content:"✓";position:absolute;left:0;color:#58e2d5;font-weight:900}
.audience-no{background:#1c2634;border-color:#4c5260}.audience-no li:before{content:"×";color:#f3b390;font-size:1.2rem;line-height:1}
@media(max-width:800px){.problem-layout{grid-template-columns:1fr;gap:18px}.problem-layout h2{font-size:clamp(2.1rem,8vw,3.1rem)}.problem-list>div{padding:20px}.learn-grid{grid-template-columns:1fr}.audience-lists{margin-top:23px}}