@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#ecf2fff0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070b12;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#070b12;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}img{max-width:100%}#root{min-height:100vh}.login-shell{background:radial-gradient(circle at 0 0,#5865f238,#0000 30%),radial-gradient(circle at 100% 100%,#9a5dff33,#0000 35%),#070b12;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-aurora{filter:blur(90px);opacity:.45;pointer-events:none;border-radius:50%;width:42rem;height:42rem;animation:12s ease-in-out infinite alternate floatGlow;position:absolute}.aurora-one{background:#5d7cff47;top:4%;left:8%}.aurora-two{background:#9954ff3d;animation-delay:2s;bottom:10%;right:3%}.login-grid{opacity:.4;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 100%);mask-image:radial-gradient(circle,#000 50%,#0000 100%)}.login-panel{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10141dc7;border:1px solid #8ea0ff33;border-radius:28px;width:min(92vw,680px);padding:clamp(1.5rem,2vw,2.3rem);position:relative;box-shadow:0 30px 80px #03060fb3,inset 0 1px #ffffff14}.brand-block{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.brand-mark{letter-spacing:.08em;color:#f3f6ff;background:linear-gradient(135deg,#5f7cff,#8d5cf6 60%,#b75dff);border-radius:18px;place-items:center;width:3.5rem;height:3.5rem;font-weight:800;display:grid;box-shadow:0 15px 35px #6376ff59}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#b9c6ddb8;margin:0 0 .2rem;font-size:.72rem}.brand-block h1{letter-spacing:-.06em;color:#edf3ff;margin:0;font-size:clamp(2.1rem,3vw,3.1rem);line-height:1}.auth-card{flex-direction:column;gap:1.2rem;display:flex}.auth-heading{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.auth-copy{color:#d8e3f7b3;margin:0}.discord-login-button{cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:center;align-items:center;width:min(100%,420px);margin:.35rem auto 0;padding:0;transition:opacity .2s,filter .2s;display:inline-flex;position:relative;box-shadow:0 15px 30px #5865f233}.discord-login-button:disabled{cursor:wait;opacity:.9}.discord-login-button:focus-visible,.retry-button:focus-visible,.secondary-button:focus-visible,.logout-button:focus-visible{outline-offset:3px;outline:2px solid #9bb1ffe6}.discord-button-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;max-width:420px;height:auto;transition:filter .2s,transform .2s,box-shadow .2s;display:block}.discord-login-button:hover:not(:disabled) .discord-button-image{filter:brightness(1.06)saturate(1.08);box-shadow:0 20px 45px #6980ff47}.discord-login-button:active:not(:disabled) .discord-button-image{transform:scale(.985)}.button-loading{border:2px solid #ffffff2e;border-top-color:#fff;border-radius:50%;width:1.1rem;height:1.1rem;animation:.8s linear infinite spin}.discord-login-button[disabled]{color:#edf3ff;background:linear-gradient(135deg,#5d74ffdb,#8473ffdb);border-radius:14px;justify-content:center;align-items:center;gap:.7rem;width:min(100%,420px);padding:.95rem 1.35rem;font-size:.98rem;font-weight:700;display:flex;box-shadow:0 18px 40px #5865f240}.status-block{color:#edf3ffcc;justify-content:center;align-items:center;gap:.8rem;min-height:120px;display:flex}.status-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin}.error-box{color:#ffd7d7;background:#281111b3;border:1px solid #ff7f7f40;border-radius:14px;padding:.8rem 1rem;overflow:hidden}.error-box p{margin:0 0 .8rem}.retry-button,.secondary-button,.logout-button{cursor:pointer;border:0;border-radius:10px;font-weight:700;transition:transform .2s,opacity .2s}.retry-button,.secondary-button{color:#f6f8ff;background:linear-gradient(135deg,#5c6ef8,#8a60ff);padding:.72rem 1rem}.logout-button{color:#eff4ffe6;background:#ffffff0f;padding:.8rem 1rem}.user-summary{align-items:center;gap:1rem;display:flex}.avatar{object-fit:cover;border:2px solid #92aaff66;border-radius:50%;width:4rem;height:4rem;box-shadow:0 12px 28px #12192e99}.authenticated-label{color:#bbcae8cc;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .25rem;font-size:.7rem}.user-summary h2{color:#edf3ff;margin:0;font-size:clamp(1.4rem,2vw,1.9rem)}.dashboard-preview{color:#e4eaf7d1;background:#ffffff0a;border:1px solid #94aaff2e;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes floatGlow{0%{transform:translate(0,0)scale(1)}to{transform:translate(18px,-24px)scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.login-panel{padding:1rem}.brand-block{align-items:flex-start}.dashboard-preview{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.login-aurora,.status-spinner,.button-loading,.discord-button-image,.retry-button,.secondary-button,.logout-button{transition:none!important;animation:none!important}}