@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&display=swap');
:root{--bg:#050713;--gold:#d8bd69;--gold2:#f1d98c;--text:#f6f5fb;--muted:#c2c0ce;--line:#282a39}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Alexandria,Tahoma,sans-serif;background:radial-gradient(ellipse at 50% 55%,#111528 0,#080b18 53%,#040611 100%);overflow-x:hidden}
a{text-decoration:none;color:inherit}.topbar{height:180px;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:38px;background:#040611;z-index:2}.brand{display:block}.robo-mark{width:142px;height:112px;display:block;position:relative}.robo-mark:before,.robo-mark:after{content:"";position:absolute;top:0;width:23px;height:70px;background:#f8f8fb}.robo-mark:before{left:31px;clip-path:polygon(100% 0,100% 100%,0 75%,0 27%)}.robo-mark:after{right:31px;clip-path:polygon(0 0,100% 27%,100% 75%,0 100%)}.robo-mark i{position:absolute;left:16px;right:16px;bottom:3px;height:59px;background:linear-gradient(135deg,#f8e9aa,#c5a64e 70%,#f1d98c);clip-path:polygon(50% 0,100% 80%,89% 100%,50% 48%,11% 100%,0 80%);filter:drop-shadow(0 3px 2px #000)}
.book{position:absolute;left:40px;top:45px;width:114px;height:114px;border:2px solid #2a2c39;border-radius:30px;background:#11131f;display:grid;place-items:center;font-size:45px;color:#eee}
.userbox{position:absolute;right:34px;top:42px;display:flex;align-items:center;gap:10px;background:#11131f;border:1px solid #303244;border-radius:30px;padding:7px 14px 7px 7px;font-size:13px}.userbox img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#292c40}
.landing{position:relative;min-height:calc(100vh - 220px);display:flex;justify-content:center;align-items:center;padding:90px 22px 65px;overflow:hidden}.stars{position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:radial-gradient(#fff 1px,transparent 1.5px),linear-gradient(#1b2030 1px,transparent 1px),linear-gradient(90deg,#1b2030 1px,transparent 1px);background-size:173px 173px,125px 125px,125px 125px;background-position:20px 35px,center center,center center;mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.hero{position:relative;z-index:1;text-align:center;width:min(100%,760px);margin-top:40px}.hero-mark{height:1px;margin-bottom:40px}.hero-mark .big{display:none}
h1{font-size:clamp(34px,6vw,55px);line-height:1.5;font-weight:800;margin:0 0 28px;letter-spacing:-1px}p{font-size:clamp(17px,2.5vw,25px);line-height:2.05;color:var(--muted);margin:0 auto 38px;max-width:720px}
.buttons{display:grid;gap:25px;width:min(100%,740px);margin:auto}.btn{min-height:118px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:clamp(21px,3vw,31px);font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.gold{background:linear-gradient(110deg,#8c7b46,#e0c66e,#8c7b46);color:#0b0a08}.outline{background:#11121d;border:2px solid #383444;color:#f6f5fb}.discord{font-size:31px}.arrow{font-size:35px}.hint{margin-top:18px;color:#d8bd69;font-size:14px}
footer{text-align:center;padding:24px;color:#77798c;font-size:12px;border-top:1px solid #ffffff0a}
@media(max-width:650px){.topbar{height:205px;padding-top:36px}.robo-mark{transform:scale(.9)}.book{left:18px;top:40px;width:76px;height:76px;border-radius:23px;font-size:32px}.userbox{right:15px;top:40px;font-size:11px}.userbox img{width:34px;height:34px}.landing{min-height:calc(100vh - 240px);padding:48px 22px 58px}.hero{margin-top:10px}h1{font-size:clamp(30px,8vw,43px);margin-bottom:24px}p{font-size:17px;line-height:1.95;margin-bottom:30px}.btn{min-height:88px;border-radius:24px;font-size:23px}.buttons{gap:18px}}