@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');

:root{--ink:#071424;--ink-2:#0c2137;--cyan:#44d2ff;--cyan-soft:#a9efff;--white:#f7fcff;--paper:#edf8fc;--muted:#7793a3;--line:rgba(115,189,216,.3);--gold:#ffd978;--green:#59e6ad;--shadow:0 28px 80px rgba(4,21,35,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}a{color:inherit}button,input{font:inherit}body:before{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;background:linear-gradient(rgba(123,218,249,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(123,218,249,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 80%)}
.nav{height:82px;position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(3.5vw,22px);background:linear-gradient(180deg,rgba(3,15,28,.9),rgba(3,15,28,.58));border-bottom:1px solid rgba(157,226,249,.25);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(130,222,255,.55);background:linear-gradient(145deg,rgba(78,205,250,.22),rgba(255,255,255,.04));clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);font:700 24px Rajdhani;color:#fff;text-shadow:0 0 16px var(--cyan)}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font:700 24px/.85 Rajdhani;letter-spacing:5px}.brand-copy small{font:600 8px/1.8 Manrope;letter-spacing:2px;text-transform:uppercase;color:#9ec8d8}.nav nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px)}.nav nav>a:not(.nav-play){font-size:11px;font-weight:700;letter-spacing:1.5px;text-decoration:none;text-transform:uppercase;color:#d9edf5}.nav-login{border:0;background:none;padding:10px;color:#d9edf5;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}.nav-play,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.3px;cursor:pointer;transition:.25s ease}.nav-play{padding:13px 19px;color:var(--ink);background:linear-gradient(135deg,#edfcff,#67d9ff);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:128px max(7vw,28px) 100px;isolation:isolate;background:linear-gradient(90deg,rgba(3,13,25,.94) 0%,rgba(3,16,30,.68) 38%,rgba(3,14,27,.15) 68%),linear-gradient(0deg,#071424 0%,transparent 32%),url('/images/mao-aincrad-hero.png') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:82px 0 0;z-index:-1;border:1px solid rgba(142,220,247,.11);margin:28px}.hero-glow{position:absolute;z-index:-1;width:55vw;height:55vw;left:-27vw;top:20%;border-radius:50%;background:rgba(37,175,234,.14);filter:blur(100px)}.hero-content{max-width:760px}.system-label{display:flex;align-items:center;gap:10px;width:max-content;padding:7px 10px;border:1px solid rgba(137,218,245,.3);background:rgba(4,22,39,.42);color:#bcecff;font:600 9px Rajdhani;letter-spacing:2.5px}.system-label i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.system-label span{margin-left:16px;color:#66899a}.kicker{margin:26px 0 13px;color:var(--cyan-soft);font:700 11px Rajdhani;letter-spacing:4px;text-transform:uppercase}.kicker.dark{color:#178db9}.hero h1{margin:0;text-transform:uppercase}.hero h1 span{display:block;font:600 clamp(23px,3vw,40px)/1 Rajdhani;letter-spacing:14px;color:#d6f4ff}.hero h1 strong{display:block;font:700 clamp(64px,9.3vw,138px)/.82 Rajdhani;letter-spacing:-3px;text-shadow:0 7px 35px rgba(0,0,0,.5)}.lead{max-width:650px;margin:30px 0;color:#d7e8ef;font-size:clamp(16px,1.4vw,20px);line-height:1.75;text-shadow:0 2px 16px #000}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:50px;padding:0 25px;border:1px solid rgba(140,222,249,.35)}.button.primary{color:#061522;background:linear-gradient(135deg,#effdff,#58d1ff);box-shadow:0 12px 34px rgba(54,191,240,.24)}.button.ghost{color:#eaf9ff;background:rgba(5,23,39,.62);backdrop-filter:blur(10px)}.button:hover,.nav-play:hover,.nav-login:hover{transform:translateY(-2px);filter:brightness(1.1)}.server-state{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:30px;padding:11px 13px;background:rgba(3,17,31,.55);border-left:2px solid var(--green);backdrop-filter:blur(10px)}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green)}.server-state div{display:flex;flex-direction:column}.server-state small{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#85a7b5}.server-state b{font:600 12px Rajdhani;letter-spacing:1px}.copy-address{margin-left:20px;padding:5px 8px;border:1px solid rgba(148,219,241,.24);background:transparent;color:#8fb5c4;font:600 8px Rajdhani;letter-spacing:1px;cursor:pointer}.scroll-cue{position:absolute;right:max(3.5vw,25px);bottom:55px;display:flex;align-items:center;gap:15px;transform:rotate(90deg) translateX(100%);transform-origin:right bottom;color:rgba(206,240,250,.55);font:600 8px Rajdhani;letter-spacing:3px}.scroll-cue i{display:block;width:80px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}
.quick-stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:-46px auto 0;background:rgba(239,250,253,.96);box-shadow:var(--shadow);color:var(--ink);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.quick-stats article{display:flex;align-items:center;gap:25px;padding:28px 36px;border-right:1px solid #cee6ee}.quick-stats article:last-child{border:0}.quick-stats article>span{color:#36abd3;font:600 10px Rajdhani;letter-spacing:2px}.quick-stats div{display:flex;flex-direction:column}.quick-stats strong{font:700 26px Rajdhani;letter-spacing:1px}.quick-stats small{color:#668391;font-size:10px;text-transform:uppercase;letter-spacing:1px}
.section-shell{padding:130px max(7vw,28px)}.world-section{color:var(--ink);background:linear-gradient(180deg,#e9f6fa,#f7fcfd);position:relative}.world-section:after{content:"AINCRAD";position:absolute;right:-20px;top:100px;color:rgba(20,117,154,.045);font:700 clamp(100px,19vw,290px)/1 Rajdhani;letter-spacing:-12px;pointer-events:none}.section-heading{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end;max-width:1320px;margin:0 auto 68px}.section-heading h2,.combat-copy h2,.join-copy h2{margin:0;font:700 clamp(48px,6vw,84px)/.9 Rajdhani;text-transform:uppercase;letter-spacing:-2px}.section-heading h2 em,.combat-copy h2 em,.join-copy h2 em{font-style:normal;color:#159ac8}.section-heading>p{margin:0;color:#587785;font-size:15px;line-height:1.8}.floor-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;max-width:1320px;margin:auto}.floor-card{min-height:330px;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:#fff;border:1px solid #cce4ec;box-shadow:0 16px 40px rgba(33,90,111,.08);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));transition:.3s}.floor-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(26,101,130,.16)}.floor-card.featured{color:#fff;background:linear-gradient(145deg,#0c2b43,#071522);border-color:#28617a}.floor-number{font:700 68px/.8 Rajdhani;color:rgba(21,154,200,.18)}.featured .floor-number{color:rgba(93,211,251,.25)}.floor-card small{color:#159ac8;font:700 9px Rajdhani;letter-spacing:3px}.floor-card h3{margin:10px 0;font:700 27px Rajdhani;text-transform:uppercase}.floor-card p{margin:0;color:#688592;font-size:13px;line-height:1.7}.featured p{color:#abc4ce}
.combat-section{display:grid;grid-template-columns:minmax(350px,.88fr) minmax(430px,1.12fr);min-height:870px;background:radial-gradient(circle at 80% 50%,rgba(36,150,196,.13),transparent 35%),#071424}.combat-art{position:relative;min-height:720px;overflow:hidden}.combat-art img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.83) contrast(1.08)}.combat-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#071424),linear-gradient(0deg,#071424 0%,transparent 30%)}.art-frame{position:absolute;z-index:2;inset:25px;border:1px solid rgba(130,218,248,.25)}.combat-art>span{position:absolute;z-index:3;left:45px;bottom:48px;font:700 9px Rajdhani;letter-spacing:5px;color:#b7eaff}.combat-copy{align-self:center;padding:100px max(7vw,50px)}.combat-copy .intro{max-width:660px;color:#a8c0ca;font-size:16px;line-height:1.8}.skill-list{display:grid;gap:0;margin-top:45px;border-top:1px solid rgba(129,208,235,.25)}.skill-list article{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid rgba(129,208,235,.18)}.skill-list article>b{color:var(--cyan);font:600 10px Rajdhani;letter-spacing:2px}.skill-list h3{margin:0 0 7px;font:700 19px Rajdhani;text-transform:uppercase;letter-spacing:1px}.skill-list p{margin:0;color:#829daa;font-size:13px;line-height:1.65}
.access-section{color:var(--ink);background:#f3fafc}.section-heading.compact{margin-bottom:50px}.section-heading.compact h2{font-size:clamp(45px,5vw,70px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1320px;margin:0 auto 30px;padding:0;list-style:none;border-top:1px solid #c1dee8;border-bottom:1px solid #c1dee8}.steps li{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:38px 30px;border-right:1px solid #c1dee8}.steps li:last-child{border:0}.steps li>b{font:700 11px Rajdhani;color:#159ac8}.steps h3{margin:0 0 10px;font:700 22px Rajdhani;text-transform:uppercase}.steps p{margin:0;color:#66838f;font-size:13px;line-height:1.7}.access-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;max-width:1320px;margin:auto;padding:32px 36px;color:#fff;background:linear-gradient(115deg,#0b2b43,#071724);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.access-cta div{display:flex;flex-direction:column;gap:7px}.access-cta div span{color:var(--cyan);font:700 9px Rajdhani;letter-spacing:3px}.access-cta div strong{font:600 19px Rajdhani}.button.light{min-width:230px}
.join{display:grid;grid-template-columns:1fr minmax(380px,510px);gap:9vw;padding:125px max(9vw,28px);background:radial-gradient(circle at 10% 50%,rgba(42,161,207,.15),transparent 33%),linear-gradient(135deg,#081827,#040e19)}.join-copy{align-self:center;max-width:700px}.join-copy>p:not(.kicker){max-width:570px;color:#9bb5c0;font-size:15px;line-height:1.8}.secure-note{display:flex;align-items:center;gap:18px;margin-top:40px;padding-top:25px;border-top:1px solid rgba(128,207,234,.18)}.secure-note>span{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(100,214,251,.3);color:var(--cyan)}.secure-note p{display:flex;flex-direction:column;margin:0}.secure-note b{font:600 13px Rajdhani;text-transform:uppercase}.secure-note small{margin-top:3px;color:#718f9c;font-size:11px}.join form,dialog form{display:grid;gap:18px;padding:34px;background:linear-gradient(145deg,rgba(17,48,69,.95),rgba(5,18,31,.98));border:1px solid rgba(137,217,244,.34);box-shadow:0 30px 75px rgba(0,0,0,.35);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.form-top{display:flex;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(135,216,242,.18);color:#7fc8df;font:600 8px Rajdhani;letter-spacing:3px}.form-top i{flex:1;height:1px;background:linear-gradient(90deg,rgba(76,208,249,.5),transparent)}form h3{margin:3px 0 6px;font:700 27px Rajdhani;text-transform:uppercase;letter-spacing:1px}label{display:grid;gap:8px;color:#d9edf5;font-size:9px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}input{width:100%;height:49px;padding:0 14px;color:#fff;background:rgba(3,16,29,.65);border:1px solid rgba(131,211,238,.25);outline:0}input::placeholder{color:#577281}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(68,210,255,.09)}label small{color:#6f8d9a;font-size:9px;font-weight:500;letter-spacing:.3px;text-transform:none}.check{grid-template-columns:17px 1fr;align-items:start;font-size:10px;font-weight:500;letter-spacing:.2px;text-transform:none;line-height:1.5}.check input{width:15px;height:15px;margin:1px 0}.trap{position:absolute;left:-9999px}.message{min-height:18px;margin:0;color:#9db9c4;font-size:11px}.message.success{color:var(--green)}.message.error{color:#ff8f91}.verification-link{color:var(--cyan-soft)}button:disabled{opacity:.55;cursor:wait}
dialog{width:min(500px,calc(100% - 28px));padding:0;border:0;background:transparent;color:#fff}dialog::backdrop{background:rgba(2,10,19,.78);backdrop-filter:blur(15px)}.dialog-close{position:absolute;right:15px;top:12px;z-index:2;width:32px;height:32px;border:1px solid rgba(146,218,242,.25);background:#0c273b;color:#d9f7ff;font-size:21px;cursor:pointer}dialog .kicker{margin-bottom:-9px}.profile{display:grid;gap:13px}.profile strong{font:700 26px Rajdhani}.profile code{color:#86a8b6;overflow-wrap:anywhere}.text-button{border:0;background:none;color:var(--cyan);text-align:left;cursor:pointer}
footer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:38px max(5vw,25px);background:#030c15;border-top:1px solid rgba(125,207,235,.17)}footer p{margin:0;color:#6e8995;font-size:9px;line-height:1.7;text-align:center}.footer-brand .brand-mark{width:35px;height:35px;font-size:19px}.footer-brand .brand-copy b{font-size:20px}footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px}footer>div span{color:#617d89;font:600 7px Rajdhani;letter-spacing:2px}footer>div b{color:var(--green);font:600 10px Rajdhani;letter-spacing:2px}footer>div i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
@media(max-width:1000px){.nav nav>a:not(.nav-play){display:none}.quick-stats{margin:-30px 24px 0}.section-heading{gap:5vw}.floor-grid{grid-template-columns:1fr}.floor-card{min-height:240px}.combat-section{grid-template-columns:1fr}.combat-art{min-height:600px}.combat-art:after{background:linear-gradient(0deg,#071424,transparent 42%)}.combat-copy{padding:80px max(7vw,28px)}.steps{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:1px solid #c1dee8}.steps li:last-child{border:0}.join{grid-template-columns:1fr}.join-copy{max-width:none}}
@media(max-width:700px){.nav{height:70px}.brand-copy small{display:none}.brand-mark{width:36px;height:36px}.nav nav{gap:6px}.nav-login{padding:8px}.nav-play{padding:11px 13px}.nav-play span{font-size:0}.nav-play span:after{content:"Играть";font-size:10px}.hero{padding:115px 24px 85px;background-position:62% center}.hero:before{inset:70px 0 0;margin:12px}.hero h1 span{letter-spacing:7px}.hero h1 strong{font-size:clamp(55px,18vw,82px)}.lead{font-size:15px}.scroll-cue{display:none}.quick-stats{grid-template-columns:1fr;margin:-25px 14px 0}.quick-stats article{padding:18px 25px;border-right:0;border-bottom:1px solid #cee6ee}.section-shell{padding:90px 24px}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.section-heading h2,.combat-copy h2,.join-copy h2{font-size:48px}.world-section:after{display:none}.combat-art{min-height:520px}.combat-copy{padding:65px 24px 85px}.access-cta{align-items:stretch;flex-direction:column}.join{padding:90px 24px}.join form,dialog form{padding:28px 22px}footer{align-items:flex-start;flex-direction:column}footer p{text-align:left}footer>div{align-items:flex-start}}
@media(max-width:430px){.hero h1 strong{letter-spacing:-2px}.actions{display:grid}.actions .button{width:100%}.server-state{width:100%}.copy-address{margin-left:auto}.combat-art{min-height:450px}.section-heading h2,.combat-copy h2,.join-copy h2{font-size:41px}}
.brand img.brand-mark{width:48px;height:48px;object-fit:contain;clip-path:none;border:0;background:none;filter:drop-shadow(0 0 9px rgba(68,210,255,.45))}.footer-brand img.brand-mark{width:43px;height:43px}