:root{font-family:Inter,system-ui,sans-serif}html,body,#root{width:100%;height:100%;margin:0}*{box-sizing:border-box;margin:0;padding:0}body,#root{background:radial-gradient(circle at 0 0,#5b21b6 0%,#0000 35%),radial-gradient(circle at 100% 100%,#2563eb 0%,#0000 35%),linear-gradient(135deg,#0f172a,#020617);place-items:center;min-height:100vh;font-family:Inter,sans-serif;display:grid;overflow:hidden}.container{-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;border-radius:28px;flex-direction:column;align-items:center;gap:1.5rem;width:min(900px,90%);padding:3rem;transition:all .35s;display:flex;box-shadow:0 25px 80px #00000073,inset 0 1px #ffffff1a}.container:hover{transform:translateY(-8px);box-shadow:0 35px 90px #0000008c,0 0 80px #6366f140}.pfp{object-fit:cover;border:4px solid #fff3;border-radius:50%;width:170px;height:170px;transition:all .35s;box-shadow:0 0 35px #6366f180,0 10px 30px #00000080}.pfp:hover{transform:scale(1.05)}h1{color:#fff;text-align:center;letter-spacing:-1px;font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.gradient{color:#0000;background:linear-gradient(90deg,#60a5fa,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text}.subtitle{color:#94a3b8;text-align:center;max-width:600px;font-size:1.15rem;line-height:1.8}.banner{object-fit:cover;border-radius:18px;width:100%;max-height:260px;box-shadow:0 15px 35px #00000059}.buttons{gap:1rem;margin-top:.5rem;display:flex}.button{text-align:center;cursor:pointer;white-space:normal;word-break:break-word;border-radius:999px;justify-content:center;align-items:center;max-width:220px;padding:14px 30px;font-size:.95rem;font-weight:600;line-height:1.3;text-decoration:none;transition:all .3s;display:inline-flex}.primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 10px 30px #3b82f659}.primary:hover{transform:translateY(-3px)}.secondary{color:#fff;background:0 0;border:1px solid #fff3}.secondary:hover{background:#ffffff14;transform:translateY(-3px)}.socials{border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;padding-top:1.5rem;display:flex}.socials a{background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.socials a:hover{background:#6366f126;border-color:#6366f166;transform:translateY(-5px);box-shadow:0 0 20px #6366f159,0 8px 20px #00000059}.socials img{object-fit:contain;filter:brightness(0)invert();width:24px;height:24px;transition:transform .3s}.socials a:hover img{transform:scale(1.1)}