
:root{
 --bg:#030914;--panel:rgba(10,25,47,.78);--line:rgba(82,166,255,.22);
 --text:#f7fbff;--muted:#8fa8c5;--blue:#2d8cff;--cyan:#58d8ff;
 --green:#48e69f;--shadow:0 24px 70px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}
body{background:
 radial-gradient(circle at 50% 10%,rgba(32,120,255,.28),transparent 35%),
 radial-gradient(circle at 20% 70%,rgba(39,77,210,.16),transparent 32%),
 linear-gradient(180deg,#06101f 0%,#020711 100%);overflow-x:hidden}
.entry{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 20px calc(26px + env(safe-area-inset-bottom));display:flex;flex-direction:column;position:relative}
.top{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.logo{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#092245,#0b68dc 58%,#63dcff);border:1px solid rgba(110,213,255,.6);box-shadow:0 0 30px rgba(39,133,255,.35);font-size:20px;font-weight:1000;color:#81e6ff}.brand strong{font-size:19px}
.lang{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;border-radius:12px;height:40px;padding:0 12px}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 0 22px}
.coin-stage{width:270px;height:270px;position:relative;display:grid;place-items:center;margin-bottom:20px}.orbit{position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(83,174,255,.25);box-shadow:0 0 55px rgba(32,119,255,.18)}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(83,174,255,.12)}.orbit:before{inset:25px}.orbit:after{inset:50px}.coin{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 25%,rgba(129,232,255,.5),transparent 23%),linear-gradient(145deg,#0c3f7a,#061629);border:9px solid #2389f4;box-shadow:0 0 55px rgba(41,151,255,.65),inset 0 0 26px rgba(100,210,255,.28);font-size:54px;font-weight:1000;font-style:italic;color:#6bddff;animation:float 4s ease-in-out infinite}.glow{position:absolute;width:180px;height:35px;bottom:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(37,145,255,.7),transparent 70%);filter:blur(5px)}
.hero h1{font-size:42px;line-height:1.03;letter-spacing:-.045em;margin:0}.hero h1 span{background:linear-gradient(135deg,#fff,#65d7ff 55%,#348bff);-webkit-background-clip:text;color:transparent}.hero p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.75;margin:18px auto 0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:26px}.feature{padding:14px 8px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.feature b{display:block;font-size:19px;color:#5fd8ff}.feature span{display:block;color:var(--muted);font-size:9px;margin-top:6px}
.actions{display:grid;gap:11px}.btn{height:54px;border-radius:17px;border:0;font-weight:900;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}.primary{background:linear-gradient(135deg,#246fff,#42c9ff);color:#fff;box-shadow:0 14px 34px rgba(36,119,255,.32)}.secondary{background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--line)}.guest{background:transparent;color:var(--muted);font-size:12px;height:38px}.legal{text-align:center;color:#647991;font-size:9px;line-height:1.6;margin-top:13px}
.loading{position:fixed;inset:0;background:#030914;display:none;align-items:center;justify-content:center;z-index:20}.loading.show{display:flex}.loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#3cbcff;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px) rotateY(7deg)}}
@media(max-height:720px){.coin-stage{width:200px;height:200px}.coin{width:112px;height:112px;font-size:42px}.hero h1{font-size:34px}.features{margin-top:16px}}
