*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#1c080c;color:#fff0e5;font:16px/1.75 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}p{color:#e1c7c4}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffd67a;outline-offset:5px}.container{max-width:1200px;margin:auto;padding:0 28px}.skip{position:fixed;top:-100px;background:#f4bd64;color:#151515;padding:10px;z-index:99}.skip:focus{top:0}.topbar{background:#350d14;border-bottom:1px solid #ffffff10;color:#d9b7ad;font-size:11px;letter-spacing:.12em}.topbar .container{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}header{position:sticky;top:0;z-index:20;background:#1c080cf5;border-bottom:1px solid #ffffff14;backdrop-filter:blur(12px)}.header-row{display:flex;align-items:center;gap:24px;min-height:86px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand img{width:145px;height:auto}.brand small{border-left:1px solid #ffffff30;padding-left:12px;font-size:10px;line-height:1.5;color:#d9b7ad;letter-spacing:.14em}nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:600}nav a[aria-current=page]{color:#ffd390}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:8px;font-weight:700;font-size:14px;background:#f4bd64;color:#2e0b11;border:1px solid #f4bd64;line-height:1.5}.button.secondary{background:transparent;color:#eee;border-color:#ffffff35}.actions{display:flex;gap:10px;flex-wrap:wrap}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff40;color:#fff;border-radius:6px;padding:7px 12px}.eyebrow{color:#ffd28b;font-size:11px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}.hero{padding:62px 0 48px;background:radial-gradient(ellipse at 90% 30%,#bf273c38,transparent 60%)}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}h1,h2,h3{line-height:1.22;color:#fff;letter-spacing:-.025em}h1{font-size:clamp(32px,4.4vw,56px);margin:18px 0 22px}h2{font-size:28px;margin:0 0 18px}h3{font-size:20px}.hero p{font-size:17px;margin:0 0 26px;max-width:600px}.hero-art{border:1px solid #ffffff20;border-radius:18px;background:#4b111b;padding:10px;transform:rotate(1deg)}.hero-art img{width:100%;height:auto;display:block;border-radius:10px}.hero-art figcaption{font-size:11px;color:#d7bab0;padding:10px 8px 0}.hero-art figure{margin:0}.utility{display:flex;gap:22px;color:#d4b2ac;font-size:12px;padding-top:24px}.utility span:before{content:'•';color:#ffbb5d;margin-right:7px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:50px}.quick a{background:#351016;border:1px solid #ffffff14;padding:24px;border-radius:12px;transition:border-color .2s}.quick a:hover{border-color:#f4bd64}.quick small{color:#e8b66e;letter-spacing:.1em}.quick h3{margin:8px 0}.quick p{margin:0;font-size:13px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px;padding-bottom:64px}.article section{margin-bottom:38px}.article p{margin:0 0 16px}.article a:not(.button){color:#ffd283;text-decoration:underline;text-underline-offset:3px}.toc{align-self:start;position:sticky;top:115px;background:#351016;border:1px solid #ffffff14;border-radius:12px;padding:22px;font-size:13px}.toc strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffd28b}.toc a{display:block;padding:9px 0;border-bottom:1px solid #ffffff0b}.toc .note{font-size:12px;margin-top:18px}details{border:1px solid #ffffff1c;border-radius:10px;margin:10px 0;background:#171b1f}summary{cursor:pointer;padding:17px;font-weight:600}details p{padding:0 17px 15px;margin:0}.steps{padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:17px 18px 17px 60px;background:#351016;border-radius:8px;margin:9px 0;color:#e9cec5}.steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:17px;color:#ffd28b;font-weight:700}.breadcrumb{font-size:12px;color:#d9b1a9;padding-top:25px}.breadcrumb span{margin:0 8px}.inner-head{padding:28px 0 32px;max-width:900px}.inner-head h1{font-size:clamp(30px,4vw,44px)}.inner-image{width:100%;height:auto;border-radius:12px;margin-bottom:32px}.callout{padding:26px;background:#42131b;border:1px solid #f4bd643d;border-radius:12px}.callout h2{font-size:24px}.callout p{font-size:14px}.related{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.related a{font-size:13px;padding:7px 12px;background:#351016;border-radius:6px}footer{background:#160609;border-top:1px solid #ffffff14;padding:44px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:38px}.footer-grid strong{font-size:14px}.footer-grid p{font-size:12px;max-width:360px}.footer-links a{display:block;font-size:13px;padding:4px 0;color:#d2b0a7}.copyright{border-top:1px solid #ffffff14;margin-top:30px;padding-top:20px;font-size:11px;color:#bc9188}.mobile-bar{display:none}.age{display:inline-flex;border:1px solid #9b7949;border-radius:50%;width:34px;height:34px;align-items:center;justify-content:center;color:#ffca78;font-size:12px;margin-bottom:8px}@media(max-width:1000px){.brand small{display:none}.header-row{gap:15px}nav{gap:14px}.content-layout{grid-template-columns:minmax(0,1fr) 220px;gap:26px}.hero-grid{gap:25px}}@media(max-width:760px){.container{padding:0 20px}.topbar .container{font-size:9px}.header-row{min-height:72px}.brand img{width:125px}.header-row>.actions{display:none}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px;background:#351016;box-shadow:0 20px 40px #0008}nav.open{display:grid;grid-template-columns:1fr 1fr}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-art{max-width:600px;transform:none}.hero p{font-size:16px}.quick{grid-template-columns:1fr;gap:10px;margin-bottom:35px}.quick a{padding:18px}.quick h3{font-size:18px}.content-layout{display:flex;flex-direction:column-reverse;gap:28px}.toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.toc strong,.toc .note{grid-column:1/-1}.toc .note{margin-bottom:0}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-grid>div:first-child{grid-column:1/-1}footer{padding-bottom:100px}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#2d0a12f5;border-top:1px solid #ffffff20}.mobile-bar a{flex:1}h2{font-size:25px}.utility{flex-wrap:wrap;gap:8px 18px}.inner-head{padding-top:20px}.callout{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* AO88 Nezha palette: red depth, gold details, quiet reading surfaces. */
body{background:radial-gradient(ellipse at 0 0,#67142366,transparent 48rem),radial-gradient(ellipse at 100% 28%,#8a1a2929,transparent 50rem),#1c080c}
header{border-bottom-color:#dca8593b}.topbar{background:linear-gradient(90deg,#4e101c,#2d0a12);color:#f0c7ac}
.hero{background:radial-gradient(ellipse at 85% 30%,#b8253c4d,transparent 65%);padding-top:48px}.hero-grid{grid-template-columns:.85fr 1.2fr;gap:32px}.hero-art{padding:7px;border-color:#d5a05266;background:#4b111b;transform:none;box-shadow:0 18px 60px #0005}.hero-art img{aspect-ratio:3/2;object-fit:contain}
.button{background:linear-gradient(135deg,#ffe0a0,#e9aa48);border-color:#edc478;color:#310a10;box-shadow:0 5px 18px #0002}.button.secondary{background:#590e1b;color:#ffe8cf;border-color:#be735b}.button:hover{filter:brightness(1.09)}
.quick a,.toc,details,.steps li{background:linear-gradient(145deg,#3e111a,#2a0c12);border-color:#d7a15330}.quick a:hover{border-color:#efbc70}.quick{margin-bottom:42px}.callout{background:linear-gradient(125deg,#571421,#351017);border-color:#d9a35c66}.article h2{color:#ffe1ab}.article p{max-width:76ch}.article{min-width:0}
.tutorial-gallery{padding:0 0 48px}.tutorial-gallery h2{font-size:27px}.tutorial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tutorial-card{overflow:hidden;background:#351016;border:1px solid #d6a45a40;border-radius:12px}.tutorial-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.tutorial-card strong{display:block;padding:16px 18px;font-size:15px;color:#ffe1ab}.tutorial-gallery>p{font-size:13px;margin-bottom:20px}.inner-image{border:1px solid #d6a45a40;display:block;background:#351016}.brand img{width:160px;max-height:58px;object-fit:contain}.copyright{line-height:1.8}footer{background:linear-gradient(180deg,#23080e,#130406)}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:30px}.brand img{width:138px;max-height:48px}.tutorial-cards{grid-template-columns:1fr}.tutorial-gallery{padding-bottom:32px}.tutorial-card strong{padding:12px 16px}.mobile-bar{background:#290910f5}}

/* Restrained CTA feedback: transform only on interaction, shine between rests. */
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.button::after{content:"";position:absolute;inset:-60% auto -60% -70%;width:35%;background:linear-gradient(90deg,transparent,#fff6,transparent);transform:skewX(-20deg);animation:ao88-shine 6s ease-in-out infinite;pointer-events:none;z-index:-1}
.button.secondary::after{animation-delay:1.1s;background:linear-gradient(90deg,transparent,#ffd38b38,transparent)}
.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px #ed9b3040;filter:brightness(1.07)}.button:active{transform:translateY(0) scale(.98)}
@keyframes ao88-shine{0%,65%{left:-70%}85%,100%{left:150%}}
@media(prefers-reduced-motion:reduce){.button::after{animation:none;display:none}.button:hover,.button:focus-visible,.button:active{transform:none}.button{transition:none}}

/* Portal structure inspired by the reference, using original AO88 identity. */
.container{max-width:1220px}.header-row{min-height:78px}nav{gap:18px}.brand small{display:none}.brand img{width:142px}.header-row>.actions .button{padding:9px 15px;font-size:13px}.newsbar{overflow:hidden;border-bottom:1px solid #d6a45a33;background:#4d101d;font-size:12px;color:#ffe0a9}.news-track{display:flex;width:max-content;animation:ao88-ticker 38s linear infinite}.news-track>div{display:flex;align-items:center;gap:56px;flex-shrink:0;padding:10px 28px}.news-track b{color:#ffbe5e;margin-right:8px}.newsbar:hover .news-track{animation-play-state:paused}@keyframes ao88-ticker{to{transform:translateX(-50%)}}
.portal-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-top:48px;padding-bottom:48px}.portal-copy h1{font-size:clamp(32px,4vw,51px);line-height:1.16;margin:18px 0 22px}.portal-copy p{max-width:600px;font-size:16px}.hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.hero-tags span{border:1px solid #d6a45a30;border-radius:30px;padding:6px 12px;font-size:11px;color:#edcaa9;background:#381018}
.app-panel{border:1px solid #d6a45a66;background:linear-gradient(145deg,#651a29,#290a11);border-radius:22px;overflow:hidden;box-shadow:0 24px 65px #0005}.app-panel-top{display:flex;align-items:center;gap:16px;padding:22px}.app-panel-top img{width:70px;height:70px;object-fit:contain}.app-panel-top strong{font-size:25px;display:block;line-height:1.2;color:#ffe0a3}.app-panel-top small{display:block;color:#deb4aa;font-size:12px;margin:4px 0}.language-tag{font-size:9px;letter-spacing:.12em;color:#f6cf8e}.app-preview{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-block:1px solid #d6a45a33}.app-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);padding:14px 8px}.app-shortcuts a{text-align:center;font-size:23px;color:#f6c578;line-height:1.3;padding:7px;border-radius:10px}.app-shortcuts a:hover{background:#ffffff0b}.app-shortcuts span{display:block;font-size:10px;margin-top:6px;color:#f0d9c6}
.offer-panel{padding:24px;border:1px solid #e4b96a55;border-radius:16px;background:linear-gradient(110deg,#601829,#361019);display:flex;align-items:center;gap:22px}.offer-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;font-size:38px;border:1px solid #e4b96a66;border-radius:18px;background:#89293b44;color:#ffd58a}.offer-panel h2{font-size:23px;margin:7px 0}.offer-panel p{font-size:13px;margin:0;max-width:660px}.offer-panel>.button{margin-left:auto;flex-shrink:0}.portal-section{padding-top:46px;padding-bottom:6px}.portal-section h2{margin:10px 0 12px;font-size:29px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px;gap:20px}.section-heading>span{font-size:11px;color:#bb8d84}.visual-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.visual-card{border:1px solid #d6a45a40;border-radius:14px;background:#3b111b;overflow:hidden;transition:transform .2s,border-color .2s}.visual-card:hover{transform:translateY(-3px);border-color:#ffcf7a}.visual-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}.visual-card strong{display:flex;justify-content:space-between;padding:16px;font-size:14px}.visual-card strong span{color:#ffce78}.section-description{margin-top:0;font-size:14px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.resource-card{border:1px solid #d6a45a30;border-radius:13px;background:linear-gradient(135deg,#481520,#2d0c13);display:flex;gap:14px;align-items:start;padding:22px 18px;transition:border-color .2s}.resource-card:hover{border-color:#ffc870}.resource-symbol{color:#f3c375;border:1px solid #d6a45a55;border-radius:10px;font-size:15px;padding:8px;line-height:1}.resource-card strong{display:block;font-size:15px;line-height:1.4;margin-bottom:8px}.resource-card small{font-size:12px;color:#d4afa4;display:block;line-height:1.6}.resource-card i{color:#e4b96a;font-style:normal;margin-left:auto}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.info-grid>a{padding:24px;background:#2c0c13;border:1px solid #d6a45a30;border-radius:13px}.info-grid span{font-size:23px;color:#f6c879}.info-grid h3{font-size:19px;margin:12px 0}.info-grid p{font-size:13px;margin:0}.reading-frame{border:1px solid #d6a45a30;border-radius:16px;background:#250a10;padding:36px 44px}.reading-frame .article{max-width:920px;margin:auto}.reading-frame .article section{margin-bottom:32px}.reading-frame .article p{max-width:none}.editorial-section{padding-bottom:54px}.app-bottom{display:none}
@media(max-width:1000px){.portal-hero{gap:28px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{gap:12px}.header-row{gap:13px}.brand img{width:125px}}
@media(max-width:760px){.header-row{min-height:70px}nav{top:70px}.portal-hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:26px}.portal-copy h1{font-size:34px}.app-panel{max-width:520px;width:100%;margin:auto}.hero-tags{gap:7px}.hero-tags span{font-size:10px}.app-panel-top{padding:16px}.app-panel-top img{width:58px;height:58px}.offer-panel{padding:20px;gap:14px;flex-wrap:wrap}.offer-icon{width:45px;height:45px;border-radius:12px;font-size:27px}.offer-panel>div:nth-child(2){flex:1;min-width:170px}.offer-panel>.button{margin:4px 0 0 59px}.offer-panel h2{font-size:21px}.visual-rail{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;padding-bottom:10px}.visual-card{flex:0 0 85%;scroll-snap-align:start}.resource-grid,.info-grid{grid-template-columns:1fr;gap:12px}.resource-card{padding:20px}.info-grid>a{padding:20px}.portal-section{padding-top:32px}.portal-section h2{font-size:25px}.section-heading{align-items:start;flex-direction:column;gap:0}.reading-frame{padding:24px 19px}.reading-frame .article h2{font-size:23px}.app-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#290910fa}.app-bottom>a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;padding:5px;color:#dfbdb1;line-height:1.5;border-radius:10px}.app-bottom>a span{font-size:22px;color:#f6c477;line-height:1.2}.app-bottom .bottom-register{background:linear-gradient(135deg,#f7cf83,#e5ab50);color:#3d0c15;font-weight:700}.app-bottom .bottom-register span{color:#3d0c15}footer{padding-bottom:102px}.news-track>div{gap:30px}.editorial-section{padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.news-track{animation:none}.news-track>div:nth-child(2){display:none}.news-track{width:auto}.news-track>div{flex-wrap:wrap;gap:8px 22px}.visual-card:hover{transform:none}}

.footer-brand>a:first-child{display:inline-block}.footer-brand img{display:block;width:190px;max-width:100%;height:auto;margin:0 0 15px}.footer-brand p{font-size:13px;line-height:1.85;max-width:365px;margin:0 0 14px;color:#dec0b5}.footer-explore{font-size:12px;font-weight:700;color:#f8d18d;display:inline-block;padding:6px 0}.footer-explore:hover{text-decoration:underline;text-underline-offset:4px}