/* Shared presentation layer; existing documents and interactions stay intact. */
.neon-site{--paper:#05060c;--surface:#10111d;--ink:#f5f2ff;--muted:#b7b2cc;--line:#34304e;--nav:#070810;--orange:#f82e7b;--teal:#c894ff;--link:#ce9dff;--soft:#211331;color-scheme:dark;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}
html[data-theme="light"] .neon-site,.neon-site.theme-light{--paper:#f5f2fa;--surface:#fff;--ink:#191425;--muted:#574b68;--line:#cec3dc;--link:#6f28aa;--soft:#ede3f7;color-scheme:light}
.neon-site .wrap{width:calc(100% - 64px);max-width:1500px;margin-inline:auto}
.neon-site .site-header{background:#06070d;border-bottom:1px solid #302342}
.neon-site .header-row{min-height:86px;gap:28px;flex-wrap:nowrap}
.neon-site .brand{position:relative;padding-left:49px;font-size:26px;letter-spacing:-1px;text-transform:uppercase;white-space:nowrap;color:#e5c6ff}
.neon-site .brand small{font-size:10px;letter-spacing:.3px;text-transform:none;color:#b7b2cc}
.neon-crown{position:absolute;left:0;top:-8px;font-size:47px;line-height:1;color:#af52ff;text-shadow:0 0 22px #9a27d977}
.neon-site .header-nav{margin-left:auto}
.neon-site .header-nav ul{gap:30px;flex-wrap:nowrap}
.neon-site .header-nav a{font-size:14px;font-weight:700;white-space:nowrap;color:#d9d1eb}
.neon-site .header-nav a[aria-current=page]{text-decoration:none;border-bottom:2px solid #b65bff;color:#fff}
.neon-site .theme-toggle{border:1px solid #79449f;border-radius:5px;font-size:12px;white-space:nowrap}
.neon-site .hero{position:relative;background:linear-gradient(90deg,#05060cf5 0%,#05060cd9 29%,#05060c10 65%),url('/neon/hero.webp') 58% 45%/cover no-repeat;border-bottom:1px solid #302342;color:#fff}
.neon-site .hero h1{font-weight:800;letter-spacing:-.045em;line-height:1.08;text-shadow:none;max-width:820px}
.neon-site .hero p{color:#d4cde5;text-shadow:none}
.neon-home .hero{min-height:555px;padding:64px 0 44px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding-right:28px}
.neon-home .hero>.wrap{width:calc(100% - 64px);margin-left:32px;margin-right:0}
.neon-home .hero h1{font-size:clamp(34px,3.5vw,56px);max-width:590px}
.neon-home .hero .intro,.neon-home .hero>.wrap>p:not(.age):not(.hero-status){max-width:48ch;font-size:16px}
.neon-site .hero .age{font-size:12px;color:#c8b7e3;letter-spacing:.03em;margin-bottom:25px}
.neon-site .button,.neon-site .hero .button{border-radius:4px;animation:none;background:#fa327d;color:#08050c;border:1px solid #fa327d;box-shadow:0 8px 35px #f82e7b20;font-size:15px;font-weight:800;min-height:52px;padding:12px 23px}
.neon-site .button.secondary,.neon-site .hero .button.secondary{background:#0b0815d9;color:#edddff;border:2px solid #b452f7;box-shadow:none}
.neon-site .hero .button:hover{background:#ff77a9;color:#08050c}
.neon-site .hero .hero-status{font-size:12px;line-height:1.6;border:0;border-left:2px solid #81519e;border-radius:0;background:#070810ba;padding:10px 14px;max-width:490px;margin-top:22px;color:#c6bdd4}
.neon-bonus{align-self:center;position:relative;border:1px solid #a05ce4;background:radial-gradient(ellipse at 50% 58%,#50227580,transparent 65%),#090913;min-height:400px;padding:24px 22px 18px;text-align:center;box-shadow:inset 0 0 45px #6b26981c}
.neon-bonus p{font-size:13px;line-height:1.5;margin-bottom:14px}
.neon-bonus h2{font-size:30px;line-height:1.08;letter-spacing:-.03em;color:#d197ff;margin-bottom:0}
.neon-bonus-mark{color:#bb6bff;font-size:32px;line-height:1}
.neon-gift{height:100px;line-height:100px;font-size:95px;color:#d7a0ff;text-shadow:0 0 40px #b83bff}
.neon-yellow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;min-height:48px;color:#15100a;background:#ffce45;text-decoration:none;font-size:13px;font-weight:800;border-radius:4px}
.neon-yellow:hover{background:#ffe091;color:#15100a}
.neon-catalog{padding:26px 32px 30px;max-width:1600px;margin:auto;border-bottom:1px solid var(--line)}
.neon-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
.neon-catalog-head h2{font-size:20px;margin:0}
.neon-catalog-head>a{font-size:13px;text-decoration:none;border:1px solid var(--line);padding:9px 14px;border-radius:4px}
.neon-covers{list-style:none;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;padding:0;margin:0}
.neon-covers li{min-width:0;margin:0}
.neon-covers a{position:relative;display:block;border:1px solid #352740;border-radius:7px;overflow:hidden;text-decoration:none;aspect-ratio:3/4;background:#130e23}
.neon-cover{position:absolute;inset:0;display:block;background-image:url('/neon/covers.webp');background-size:400% 200%;transition:transform .25s ease}
.art-0{background-position:0 0}.art-1{background-position:33.333% 0}.art-2{background-position:66.667% 0}.art-3{background-position:100% 0}.art-4{background-position:0 100%}.art-5{background-position:33.333% 100%}.art-6{background-position:66.667% 100%}.art-7{background-position:100% 100%}
.neon-cover-copy{position:absolute;inset:auto 0 0;padding:30px 10px 12px;background:linear-gradient(transparent,#07050def 40%);color:#fff}
.neon-cover-copy small{display:block;font-size:10px;color:#d9c8ec;line-height:1.4}.neon-cover-copy strong{display:block;font-size:18px;line-height:1.3;margin-top:3px}
.neon-covers a:hover .neon-cover{transform:scale(1.035)}
.neon-site .section{padding-top:48px;padding-bottom:40px}
.neon-site .panel,.neon-site .grid li{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:none}
.neon-site .grid li{padding:24px;border-top:2px solid #754397}
.neon-site .grid h3{font-size:18px}
.neon-site .read-column{max-width:900px;line-height:1.85}
.neon-site h2,.neon-site h3{color:var(--ink)}
.neon-site .hero h1,.neon-site .hero h2{color:#fff}
.neon-site .neon-bonus h2{color:#d197ff}
.neon-site table{background:var(--surface);color:var(--ink)}
.neon-site th,.neon-site td{border-color:var(--line)}
.neon-site th{background:var(--soft);color:var(--ink)}
.neon-site input,.neon-site select{background:var(--surface);color:var(--ink);border-color:var(--line)}
.neon-site .site-footer{background:#070810;border-top:1px solid #302342;color:#c9bfd9}
.neon-site .site-footer h2{color:#f3eaff}
.neon-site .site-footer a{color:#d1a7f1}
.neon-site .site-footer .footer-resources{border-color:#302342}
.neon-site .mobile-nav{background:#090912;border-color:#342044}
.neon-site .mobile-nav a{color:#d1c0e5}
.neon-site .amp-bonus-box{background:#100b1b;border-color:#ac5cfa}
.neon-site .amp-bonus-close{background:#21122d;border-color:#ad66e6}
.neon-site a:focus-visible,.neon-site button:focus-visible{outline:3px solid #ffe078;outline-offset:4px}
.neon-site .hero.compact{padding:52px 0;background-position:center 40%;background-blend-mode:normal}
.neon-site .hero.compact h1{font-size:clamp(30px,3.3vw,48px)}
.neon-site .guide-launcher{background:#311249;border-color:#a45de1;box-shadow:0 4px 24px #a531ef30}
.neon-site .guide-outer-close{background:#291036}
.neon-site>header:not(.site-header){background:#090710;border-bottom:1px solid #6c368f;padding:32px;color:#f5f2ff}
.neon-site>header:not(.site-header) h1{font-size:clamp(28px,4vw,48px);line-height:1.15}
.neon-site>header:not(.site-header) img{max-width:180px;object-fit:contain}
.neon-site .banner,.neon-site .features,.neon-site .trust,.neon-site .cta{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}
.neon-site .btn,.neon-site .lang-switcher a{background:#321546;color:#eedaff;border:1px solid #9254ba;padding:10px 16px;display:inline-block}
.neon-site>main:not(#main){max-width:1100px;margin:auto;padding:24px}
.neon-site>footer:not(.site-footer){background:#090710;color:#cbbbd9;padding:32px}
@media(min-width:1600px){.neon-home .hero{padding-inline:max(28px,calc((100vw - 1550px)/2))}.neon-home .hero>.wrap{margin-left:0}}
@media(max-width:1100px){.neon-site .header-row{gap:18px}.neon-site .header-nav ul{gap:16px}.neon-site .brand{font-size:21px}.neon-home .hero{grid-template-columns:minmax(0,1fr) 255px}.neon-home .hero h1{font-size:38px;max-width:470px}.neon-covers{grid-template-columns:repeat(4,minmax(0,1fr))}.neon-covers a{aspect-ratio:4/4.5}.neon-home .hero>.wrap>p{max-width:38ch}}
@media(max-width:767px){.neon-site .wrap{width:calc(100% - 36px)}.neon-site .header-row{flex-wrap:wrap;gap:16px;padding:17px 0 8px;min-height:0}.neon-site .brand{font-size:22px;padding-left:38px}.neon-crown{font-size:38px;top:-2px}.neon-site .theme-toggle{margin-left:auto;padding:7px;min-height:40px;font-size:11px}.neon-site .header-nav{order:3;width:100%;margin:0;overflow:auto}.neon-site .header-nav ul{gap:23px;justify-content:flex-start;flex-wrap:nowrap}.neon-site .header-nav a{font-size:13px;padding:8px 0}.neon-home .hero{display:block;padding:44px 18px 25px;background-position:64% 0;background-size:auto 570px;background-color:#07070e}.neon-home .hero>.wrap{margin:0;width:100%}.neon-home .hero h1{font-size:38px;max-width:390px;line-height:1.08;text-shadow:0 2px 14px #000}.neon-home .hero>.wrap>p:not(.age){font-size:14px;max-width:34ch}.neon-site .hero .age{margin-bottom:24px}.neon-site .actions{gap:10px;margin-top:25px;display:grid;grid-template-columns:1fr}.neon-site .actions .button{width:100%;font-size:14px;min-height:50px}.neon-site .hero .hero-status{max-width:none;font-size:11px;margin-top:17px}.neon-bonus{margin-top:28px;min-height:0;padding:20px;display:grid;grid-template-columns:1fr 76px;gap:10px;text-align:left}.neon-bonus-mark{display:none}.neon-bonus>p:first-of-type{grid-column:1;margin:0;font-size:12px}.neon-bonus h2{font-size:29px;grid-column:1}.neon-gift{grid-column:2;grid-row:1/4;font-size:75px;height:auto;line-height:120px;text-align:center}.neon-bonus>p:last-of-type{grid-column:1;margin:0;font-size:12px}.neon-yellow{grid-column:1/-1;margin-top:4px}.neon-catalog{padding:26px 18px}.neon-catalog-head{align-items:flex-start;gap:12px}.neon-catalog-head h2{font-size:21px;max-width:180px;line-height:1.2}.neon-catalog-head>a{font-size:11px;padding:7px 9px;white-space:nowrap}.neon-covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.neon-covers a{aspect-ratio:3/4}.neon-cover-copy strong{font-size:21px}.neon-cover-copy small{font-size:11px}.neon-site .grid{grid-template-columns:1fr}.neon-site .grid li{padding:20px}.neon-site .section{padding:30px 0}.neon-site .panel{padding:20px}.neon-site .hero.compact{padding:35px 0}.neon-site .hero.compact h1{font-size:31px}.neon-site .read-column{font-size:16px}.neon-site .site-footer{padding-bottom:100px}.neon-site .mobile-nav a{font-size:11px;min-height:54px}.neon-site .hero{background-image:linear-gradient(90deg,#05060ce8,#05060c8c),url('/neon/hero.webp')}}
@media(prefers-reduced-motion:reduce){.neon-site *{scroll-behavior:auto;animation:none;transition:none}.neon-site .amp-bonus-modal{animation:bonusReveal .001s ease 4s forwards}}