:root{--bg: #05070c;--panel-edge: rgba(120, 170, 220, .18);--text: #dfe7f1;--muted: #8a97a8;--accent: #35e0ff;--font-display: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-body: "Exo 2", "Segoe UI", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--bg);background-image:linear-gradient(180deg,#05070c8c,#05070ceb 70%),url(/art/bg.jpg);background-size:cover;background-attachment:fixed;background-position:center top;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.landing{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,4vh,40px);padding:clamp(28px,6vh,64px) clamp(16px,4vw,40px) 28px;text-align:center}.landing-logo{width:clamp(120px,22vw,190px);height:auto;filter:drop-shadow(0 0 28px rgba(53,224,255,.35))}.landing h1{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(34px,8vw,64px);margin:0;background:linear-gradient(90deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-family:var(--font-display);font-size:clamp(15px,2.4vw,21px);letter-spacing:.1em;color:var(--muted);margin:0;text-transform:uppercase}.fan{display:flex;justify-content:center;align-items:center;margin:clamp(4px,2vh,18px) 0}.fan img{width:clamp(130px,22vw,230px);border-radius:12px;display:block;border:1px solid var(--panel-edge);box-shadow:0 18px 40px #0009;transition:transform .25s ease}.fan img:nth-child(1){transform:rotate(-9deg) translateY(10px);margin-right:-6%}.fan img:nth-child(2){transform:translateY(-14px) scale(1.06);z-index:2}.fan img:nth-child(3){transform:rotate(9deg) translateY(10px);margin-left:-6%}.fan img:nth-child(1):hover{transform:rotate(-9deg) translateY(0)}.fan img:nth-child(2):hover{transform:translateY(-24px) scale(1.06)}.fan img:nth-child(3):hover{transform:rotate(9deg) translateY(0)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.btn{font-family:var(--font-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:16px;padding:14px 30px;cursor:pointer;border-radius:8px;display:inline-block;border:1px solid var(--accent);background:#35e0ff1a;color:var(--accent);transition:background .15s,color .15s,box-shadow .15s,transform .15s}.btn:hover{background:var(--accent);color:#041018;box-shadow:0 0 22px #35e0ff73;transform:translateY(-1px)}.btn-ghost{border-color:var(--panel-edge);color:var(--text);background:#ffffff0a}.btn-ghost:hover{background:#ffffff1a;color:var(--text);box-shadow:none}.landing-foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;border-top:1px solid var(--panel-edge);width:min(900px,100%)}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:22px}.foot-links a{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:var(--muted);transition:color .15s}.foot-links a:hover{color:var(--accent)}.legal{color:var(--muted);font-size:12px;line-height:1.6;max-width:720px;margin:0;opacity:.8}@media(max-width:560px){.fan img:nth-child(1),.fan img:nth-child(3){margin:0 -10%}}.cookie-notice{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:16px;align-items:center;justify-content:center;padding:10px 16px;background:#040810f0;border-top:1px solid var(--panel-edge);color:var(--muted);font-size:13px}.cookie-notice a{color:var(--accent)}.cookie-notice button{border:1px solid var(--accent);background:#35e0ff1a;color:var(--accent);padding:4px 14px;cursor:pointer;font:inherit;letter-spacing:.08em}
