@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Montserrat:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050711;color:#fff;font-family:Montserrat,Arial,sans-serif}.topbar{height:76px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#060713ed;border-bottom:1px solid #ffffff19;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.brand span{font:800 28px Cinzel,serif;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:2px;color:#c99aff}nav{display:flex;gap:25px}nav a{color:#b9bdca;text-decoration:none;font-size:9px;font-weight:800}.head-actions{display:flex;gap:8px;align-items:center}.chosen{font-size:8px;color:#8c95a7;border:1px solid #fff2;padding:8px 10px;border-radius:20px}.head-actions button{border:0;border-radius:7px;padding:10px 14px;font-size:9px;font-weight:900}.login{background:#fff1;color:#fff;border:1px solid #fff2!important}.signup{background:linear-gradient(135deg,#d6a0ff,#8147eb);color:#fff}
.hero{height:calc(100vh - 76px);min-height:670px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 7%}.hero-bg{position:absolute;inset:0;background:url('assets/aion-hero.png') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050711f2 0%,#050711c8 37%,#05071138 75%,#050711b8),linear-gradient(0deg,#050711df,transparent 40%)}.hero-copy{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#d09cff;font-weight:900}.hero h1{font-size:clamp(58px,8vw,108px);line-height:.84;margin:19px 0;font-weight:900;letter-spacing:-3px}.hero h1 span{color:#c78aff}.hero p{color:#c0c4d1;line-height:1.8;font-size:13px}.vi-sub,.vi-title{color:#7e8799;font-size:10px;line-height:1.6}.hero-buttons{display:flex;gap:9px;margin-top:26px}.btn{border:0;border-radius:8px;min-height:46px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:9px;font-weight:900}.primary{background:linear-gradient(135deg,#d8a3ff,#8248ec);color:#fff;box-shadow:0 12px 35px #9a55ff35}.glass{background:#fff1;color:#fff;border:1px solid #fff2}.hero-bottom{position:absolute;bottom:23px;left:7%;display:flex;gap:18px;color:#aeb3c2;font-size:8px;font-weight:800;letter-spacing:1px}
.server-section{max-width:1250px;margin:auto;padding:82px 6%}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-title h2,.download h2{font-size:38px;margin:9px 0 2px}.section-title p{max-width:440px;color:#828b9e;font-size:11px;line-height:1.8}.section-title p b{color:#d49cff}.section-title p span{color:#a5adbd}.servers{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:29px}.server{position:relative;cursor:pointer;padding:26px;border:1px solid #fff1;border-radius:18px;background:linear-gradient(145deg,#fff0a,#fff003);min-height:260px;transition:.25s}.server:hover,.server.selected{transform:translateY(-5px);border-color:#ad6aff77;box-shadow:0 22px 60px #0008}.main-server{border-color:#b26aff77;background:linear-gradient(145deg,#a75dff16,#fff003);box-shadow:0 0 35px #9b51ff18}.main-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);padding:6px 12px;border-radius:20px;background:#a45cff;font-size:7px;font-weight:900;white-space:nowrap}.flag{font-size:38px}.online{display:block;color:#54e49c;font-size:8px;font-weight:900;margin-top:16px}.server h3{font-size:22px;margin:7px 0 4px}.server p{color:#778094;font-size:9px}.server button{margin-top:18px;width:100%;padding:11px;border:0;border-radius:7px;background:#fff1;color:#fff;font-size:9px;font-weight:900}.server.selected button,.main-server button{background:linear-gradient(135deg,#d69cff,#864cf0)}.register-gate{margin-top:20px;padding:17px;border:1px dashed #fff2;border-radius:12px;color:#727c8e;font-size:10px;display:flex;align-items:center;gap:10px}.register-gate small{display:block;color:#5f6878;font-size:8px;margin-top:4px}.register-gate button{margin-left:auto;padding:10px 14px;border:0;border-radius:7px;background:#fff1;color:#666;font-size:8px;font-weight:900}.register-gate.open{color:#d7dae3;border-color:#aa65ff66;background:#a65aff0b}.register-gate.open button{background:#b96cff;color:#fff;cursor:pointer}
.download{max-width:1250px;margin:0 auto 65px;padding:40px 6%;border:1px solid #fff1;border-radius:20px;background:linear-gradient(100deg,#9d55ff12,#2d66ff08);display:flex;justify-content:space-between;align-items:center}.download p{color:#778194;font-size:10px}footer{border-top:1px solid #fff1;padding:25px 6%;display:flex;justify-content:space-between;color:#5f687a;font-size:8px}
.modal{display:none;position:fixed;inset:0;z-index:100;background:#000e;align-items:center;justify-content:center;padding:15px}.modal.show{display:flex}.modal-card{width:min(480px,100%);max-height:95vh;overflow:auto;background:#09101d;border:1px solid #fff2;border-radius:19px;padding:25px;box-shadow:0 35px 100px #000}.small-card{width:min(410px,100%)}.close{position:absolute;right:20px;top:12px;background:none;border:0;color:#aaa;font-size:28px}.modal-head{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #fff1;margin-bottom:23px}.modal-head b{font:800 20px Cinzel;color:#c58eff}.modal-head span{color:#778194;font-size:8px;font-weight:900}.modal-card h2{font-family:Georgia,"Times New Roman","Noto Serif",serif;font-size:27px;font-weight:800;line-height:1.15;letter-spacing:-.2px;margin:9px 0 1px;color:#fff}.selected-server{padding:10px 12px;border:1px solid #fff1;border-radius:8px;color:#727c8e;font-size:9px;margin:15px 0}.selected-server strong{color:#d19aff}.modal-card label{display:block;color:#8c95a5;font-size:9px;font-weight:700;margin-top:9px}.modal-card input{display:block;width:100%;margin-top:5px;padding:12px;border-radius:8px;border:1px solid #fff1;background:#050a12;color:#fff;outline:0}.pink,.green-btn{width:100%;border:0;border-radius:9px;padding:13px;margin-top:14px;color:#fff;font-size:10px;font-weight:900;cursor:pointer}.pink{background:linear-gradient(135deg,#ff3d92,#d51b72)}.pink small,.green-btn small{display:block;font-size:7px;margin-top:3px;opacity:.75}.note{display:block;color:#5d6779;font-size:8px;line-height:1.6;text-align:center;margin-top:10px}.auth-switch{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid #fff1;color:#788294;font-size:8px}.auth-switch button{border:0;background:transparent;color:#d49cff;font-size:9px;font-weight:900;cursor:pointer;padding:5px 2px}.auth-switch button:hover{text-decoration:underline}.auth-switch small{display:inline;font-size:7px;color:#7d8798;font-weight:600;margin-left:2px}
.face-intro{position:relative}.back-mini{position:absolute;left:-3px;top:-4px;border:0;background:none;color:#fff;font-size:30px}.face-intro>h2{text-align:center;font-family:Montserrat;font-weight:700;font-size:25px;margin:2px 0}.face-intro>.vi-title{text-align:center;margin-bottom:17px}.illustration{height:235px;position:relative;display:flex;align-items:center;justify-content:center;background:#fcfdfc;border-radius:10px;margin:0 -5px 15px;overflow:hidden}.guide-corners{position:absolute;width:190px;height:190px}.guide-corners:before,.guide-corners:after{content:"";position:absolute;inset:0;border:0 solid #9ed79a}.guide-corners:before{border-left-width:5px;border-top-width:5px;border-radius:3px}.guide-corners:after{border-right-width:5px;border-bottom-width:5px;border-radius:3px}.avatar-girl{position:relative;width:145px;height:190px}.hair{position:absolute;left:22px;top:10px;width:100px;height:118px;border-radius:55px 55px 45px 45px;background:#31366f}.face{position:absolute;left:36px;top:36px;width:73px;height:92px;border-radius:42% 42% 48% 48%;background:#ffd2c2;z-index:2}.face:before,.face:after{content:"";position:absolute;top:42px;width:7px;height:7px;background:#34356d;border-radius:50%}.face:before{left:20px}.face:after{right:20px}.body{position:absolute;bottom:0;left:15px;width:115px;height:72px;border-radius:60px 60px 10px 10px;background:#5a8b63}.tips{display:grid;gap:9px}.tips>div{display:flex;gap:11px;align-items:center;padding:12px;border-radius:10px;background:#f5f6f7;color:#4b4f56}.tips i{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eceeef;color:#8b8f95;font-style:normal;font-size:17px;flex:0 0 auto}.tips b{display:block;font-size:9px}.tips span{display:block;color:#777d87;font-size:8px;line-height:1.45;margin-top:3px}.green-btn{background:#58b84f;box-shadow:0 10px 25px #58b84f25}.ssl{text-align:center;color:#e69a34;font-size:9px;margin-top:13px}
.face-camera{margin:-25px}.camera-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #ffffff14;background:#03060a}.camera-top button{background:none;border:0;color:#fff;font-size:32px}.camera-top b{font-size:17px}.camera-top span{width:27px;height:27px;border-radius:50%;background:#49bb4d;display:flex;align-items:center;justify-content:center;font-weight:900}.camera-stage{height:420px;position:relative;background:#000;overflow:hidden}.camera-stage video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.dim{position:absolute;inset:0;background:rgba(0,0,0,.38)}.head-outline{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:285px;height:340px;border:6px solid #45c74d;border-radius:48% 48% 44% 44%;box-shadow:0 0 25px #45c74d66,0 0 0 999px #0005;pointer-events:none}.head-outline .ear{position:absolute;width:65px;height:105px;border:6px solid #45c74d;border-radius:50%;top:115px;background:transparent}.head-outline .left{left:-49px}.head-outline .right{right:-49px}.camera-status{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);text-align:center;background:#000a;border-radius:18px;padding:8px 14px;font-size:9px;white-space:nowrap}.camera-status small{color:#aeb6c4}.count-circle{width:105px;height:105px;border-radius:50%;background:#48bd4d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:800;margin:24px auto 12px}.challenge-text{text-align:center}.challenge-text b{display:block;font-size:12px}.challenge-text span{display:block;color:#788294;font-size:9px;margin-top:5px}.camera-btn{margin:14px 25px;width:calc(100% - 50px)}.step-dots{display:flex;justify-content:center;gap:6px;margin:12px}.step-dots i{width:7px;height:7px;border-radius:50%;background:#4d5663}.step-dots i.active{background:#48bd4d}
.success{text-align:center;padding:24px 0}.check{width:80px;height:80px;border-radius:50%;margin:0 auto 17px;background:#b263ff;display:flex;align-items:center;justify-content:center;font-size:50px;box-shadow:0 0 50px #a95dff55}.success p{color:#828c9d;font-size:10px;line-height:1.8}.account-result{display:flex;justify-content:space-between;padding:11px;border:1px solid #fff1;border-radius:7px;margin-top:7px;color:#697487;font-size:8px}.account-result b{color:#d39cff}
.game-screen{position:fixed;inset:0;z-index:90;background:#050711;color:#fff;overflow:hidden}.game-nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#070b15e8;border-bottom:1px solid #fff1;position:relative;z-index:3}.game-brand{font:800 20px Cinzel}.game-brand small{font:700 7px Montserrat;color:#b77eff;margin-left:8px}.game-nav>div:last-child{font-size:10px}.game-nav span{color:#727c90}.battle{height:calc(100vh - 150px);position:relative;overflow:hidden}.battle-bg{position:absolute;inset:0;background:url('assets/aion-hero.png') center/cover;filter:brightness(.55)}.battle:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050711,transparent 45%,#05071155)}.monster,.fighter{position:absolute;z-index:2;font-size:150px;bottom:17%;filter:drop-shadow(0 20px 20px #000)}.monster{left:14%}.fighter{right:18%}.game-copy{position:absolute;z-index:3;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center}.game-copy span{color:#d29aff;font-size:9px;font-weight:900;letter-spacing:2px}.game-copy h2{font:800 48px Cinzel;margin:9px}.game-copy p{color:#c3c7d2;font-size:11px}.damage{position:absolute;z-index:3;left:34%;top:45%;color:#ff5c76;font-size:30px;font-weight:900;animation:float 1s infinite}.game-hud{position:absolute;z-index:4;bottom:0;left:0;right:0;height:80px;display:flex;align-items:center;gap:18px;padding:0 5%;background:#070b15ee;border-top:1px solid #fff1}.game-hud>div{padding:10px 18px;border:1px solid #fff1;border-radius:9px;background:#fff1}.game-hud b{display:block;font-size:9px}.game-hud small{display:block;color:#7d8799;font-size:8px;margin-top:3px}.game-hud button{margin-left:auto;border:1px solid #fff2;background:#fff1;color:#fff;border-radius:7px;padding:10px 14px;font-size:8px;font-weight:900}
.toast{position:fixed;z-index:200;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;background:#172236;border:1px solid #fff2;padding:12px 17px;border-radius:9px;font-size:10px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden{display:none!important}@keyframes float{50%{transform:translateY(-16px)}}
@media(max-width:900px){nav{display:none}.hero{height:720px;padding:40px 20px}.servers{grid-template-columns:1fr}.section-title{display:block}.download{margin:0 20px 60px}.chosen{display:none}}@media(max-width:500px){.topbar{padding:0 16px}.head-actions .login{display:block}.brand span{font-size:24px}.hero h1{font-size:62px}.face-camera{margin:-25px}.camera-stage{height:390px}.head-outline{width:245px;height:300px}.head-outline .ear{width:55px;height:90px;top:100px}.head-outline .left{left:-43px}.head-outline .right{right:-43px}.game-copy h2{font-size:36px}.monster,.fighter{font-size:100px}}

/* Requested post-registration game launch error */
.game-error-modal{z-index:300;background:rgba(1,5,10,.82);backdrop-filter:blur(5px)}
.game-error-card{
  position:relative;width:min(690px,92vw);min-height:255px;padding:38px 45px 25px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px solid rgba(180,193,221,.25);
  background:
    radial-gradient(circle at 50% 0%,rgba(137,102,205,.17),transparent 35%),
    linear-gradient(145deg,rgba(28,35,54,.98),rgba(8,13,25,.99));
  box-shadow:0 35px 100px #000c,0 0 70px rgba(116,83,190,.10);
  overflow:hidden;
}
.game-error-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);
}
.error-star{position:relative;color:#f1eaff;font-size:23px;line-height:1;text-shadow:0 0 20px #caa2ff}
.error-line{position:relative;width:72%;height:1px;margin:7px 0 25px;background:linear-gradient(90deg,transparent,#8e9ab4,transparent)}
.error-message{position:relative;display:flex;flex-direction:column;gap:7px;font-family:Montserrat,Arial,sans-serif}
.error-message b{font-size:14px;letter-spacing:.15px;color:#f5f6fa;font-weight:700}
.error-message span{font-size:12px;color:#e0e3eb;line-height:1.4}
.error-code{position:relative;margin:18px 0 10px;color:#f0c4ff;font:700 12px Cinzel,serif;letter-spacing:1px}
.solution{
  position:relative;border:0;background:none;color:#46dbe6;cursor:pointer;
  font:700 10px Montserrat,sans-serif;text-decoration:none;margin-bottom:18px
}
.solution small{display:block;font-size:7px;color:#3cbec7;margin-top:3px}
.error-close{
  position:relative;min-width:190px;border:1px solid rgba(255,205,80,.5);
  border-radius:3px;padding:10px 24px;color:#fff;cursor:pointer;
  font:800 11px Cinzel,serif;letter-spacing:.3px;
  background:linear-gradient(180deg,#f6c13d,#a9680d);
  box-shadow:0 5px 18px #0007,inset 0 1px rgba(255,255,255,.4);
}
.error-close small{font:600 8px Montserrat;display:inline;margin-left:5px;opacity:.9}
@media(max-width:600px){
 .game-error-card{padding:32px 20px 22px;min-height:245px}
 .error-message b{font-size:12px}
 .error-message span{font-size:10px}
 .error-code{font-size:10px}
 .error-close{min-width:175px}
}