@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Plus Jakarta Sans", sans-serif;--font-title:"Outfit", sans-serif;--bg-color:#030014;--card-bg:#ffffff08;--card-border:#ffffff12;--text-main:#f3f4f6;--text-muted:#9ca3af;--primary:#4f46e5;--primary-glow:#4f46e566;--secondary:#d946ef;--secondary-glow:#d946ef66;--success:#10b981;--success-glow:#10b9814d;--error:#ef4444;--error-glow:#ef44444d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:.45;pointer-events:none;border-radius:50%;width:500px;height:500px;animation:20s ease-in-out infinite alternate float;position:absolute}body:before{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);top:-10%;left:-10%}body:after{background:radial-gradient(circle, var(--secondary) 0%, transparent 70%);animation-delay:-10s;bottom:-10%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(80px,50px)scale(1.2)}}.container{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);text-align:center;z-index:10;border-radius:24px;width:90%;max-width:460px;padding:40px 32px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 20px 50px #00000080,0 0 40px #4f46e51a}.container:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 24px 60px #0009,0 0 50px #d946ef26}h1{font-family:var(--font-title);letter-spacing:-.025em;background:linear-gradient(135deg,#fff 40%,#e9d5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2.2rem;font-weight:800}p{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.6}.btn-discord{color:#fff;width:100%;font-family:var(--font-title);cursor:pointer;background:linear-gradient(135deg,#5865f2 0%,#4752c4 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 20px #5865f266}.btn-discord:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #5865f299}.btn-discord:active{transform:translateY(1px)}.status-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;position:relative}.status-icon:after{content:"";opacity:.15;border-radius:50%;position:absolute;inset:-8px}.status-success{border:2px solid var(--success);color:var(--success);box-shadow:0 0 30px var(--success-glow);background:#10b9811a}.status-success:after{background:var(--success);animation:2s infinite pulse}.status-error{border:2px solid var(--error);color:var(--error);box-shadow:0 0 30px var(--error-glow);background:#ef44441a}.status-error:after{background:var(--error);animation:2s infinite pulse}@keyframes pulse{0%{opacity:.5;transform:scale(.95)}50%{opacity:0;transform:scale(1.15)}to{opacity:0;transform:scale(.95)}}.brand-logo{font-family:var(--font-title);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;text-transform:uppercase;-webkit-background-clip:text;margin-bottom:40px;font-size:1.4rem;font-weight:900;display:inline-block}.brand-footer{color:#4b5563;text-transform:uppercase;letter-spacing:.1em;margin-top:32px;font-size:.75rem}.success-user{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;display:flex}.success-user span{color:#fff;font-weight:600}
