/* v14 dashboard interaction + typography */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
body{letter-spacing:-.008em}
.brand span{font-weight:800;letter-spacing:-.04em}
.nav-scroll{position:relative}
.nav-item{z-index:2;background:transparent!important;box-shadow:none!important;transition:color .28s ease,transform .28s ease}
.nav-item:hover{background:transparent!important;color:#cbd8e8;transform:translateX(2px)}
.nav-item.active{color:#b9d6ff}
.nav-item.active:before{display:none}
.nav-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px;color:#53647a;font-size:14px;transition:color .28s ease,transform .28s ease}
.nav-item.active .nav-icon{color:#9f87ff;transform:scale(1.06)}
.nav-active-pill{position:absolute;left:8px;right:8px;top:0;height:42px;border-radius:10px;pointer-events:none;opacity:0;z-index:1;background:linear-gradient(90deg,rgba(87,110,255,.18),rgba(62,132,217,.13));border:1px solid rgba(106,143,235,.17);box-shadow:0 10px 24px rgba(17,43,89,.12),inset 0 1px rgba(255,255,255,.025);transform:translate3d(0,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1),opacity .2s ease}
.nav-active-pill.ready{opacity:1}
.nav-active-pill:before{content:"";position:absolute;left:-1px;top:9px;width:2px;height:22px;border-radius:0 5px 5px 0;background:linear-gradient(180deg,#a78bfa,#67a6f4);box-shadow:0 0 12px rgba(139,120,255,.55)}
.section-anchor{scroll-margin-top:92px}
.page-head h1{font-weight:800;letter-spacing:-.045em}
.page-head p{font-weight:500}
.section-title-row h3{margin:0 0 5px}.section-title-row p{margin:0 0 18px;color:#647287;font-size:11px}
.card{transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.card:target{border-color:rgba(122,151,235,.2);box-shadow:0 18px 55px rgba(0,0,0,.16),0 0 0 1px rgba(112,141,235,.04)}
.download-btn{background:linear-gradient(135deg,#8b7bff 0%,#6f8ff2 48%,#5da5ec 100%);color:white;box-shadow:0 10px 26px rgba(83,116,231,.18);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.download-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(83,116,231,.27);filter:brightness(1.06)}
.login-shell{background:radial-gradient(720px 440px at 50% 34%,rgba(114,91,255,.15),transparent 70%),radial-gradient(500px 340px at 72% 70%,rgba(45,121,220,.07),transparent 70%),#080d14}
.login-card{position:relative;overflow:hidden;padding:38px 36px 31px;border-radius:20px;background:linear-gradient(180deg,rgba(15,22,33,.98),rgba(11,17,25,.98));box-shadow:0 28px 80px rgba(0,0,0,.32)}
.login-card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(159,135,255,.42),transparent)}
.login-brandmark{width:64px;height:52px;border:1px solid rgba(142,121,255,.18);background:rgba(125,101,255,.055);display:grid;place-items:center;border-radius:15px;margin:0 auto 17px}
.login-logo{width:43px;height:32px;margin:0}
.login-kicker{display:block;color:#7d8ba0;font-size:9px;font-weight:800;letter-spacing:.18em;margin:0 0 8px}
.login-card h1{font-size:27px;letter-spacing:-.045em;font-weight:800;margin-bottom:10px}
.login-card p{font-size:12px;line-height:1.65;color:#758399;margin-bottom:25px}
.discord-login{position:relative;isolation:isolate;overflow:hidden;min-height:58px;padding:0 14px 0 12px;border-radius:14px;background:linear-gradient(135deg,#6976f5 0%,#5865f2 52%,#4a57da 100%);border:1px solid rgba(255,255,255,.13);box-shadow:0 12px 30px rgba(70,82,222,.24),inset 0 1px rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;text-align:left;gap:12px;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,filter .25s ease}
.discord-login:before{content:"";position:absolute;z-index:-1;top:-110%;bottom:-110%;left:-34%;width:26%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.27),transparent);transition:left .6s cubic-bezier(.22,1,.36,1)}
.discord-login:hover{transform:translateY(-2px);filter:brightness(1.055);box-shadow:0 18px 42px rgba(70,82,222,.34),inset 0 1px rgba(255,255,255,.14)}
.discord-login:hover:before{left:112%}
.discord-login:active{transform:translateY(0) scale(.995)}
.discord-login:focus-visible{outline:2px solid #a99cff;outline-offset:3px}
.discord-login__icon{width:38px;height:38px;border-radius:10px;background:rgba(8,13,36,.18);border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;flex:0 0 38px}
.discord-login__icon img{width:22px;height:22px;filter:brightness(0) invert(1)}
.discord-login__text{display:flex;flex-direction:column;min-width:0;flex:1}
.discord-login__text small{font-size:8px;line-height:1.1;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.62);font-weight:700;margin-bottom:3px}
.discord-login__text strong{font-size:13px;line-height:1.2;font-weight:800}
.discord-login__arrow{font-size:20px;opacity:.75;transition:transform .25s ease,opacity .25s ease}
.discord-login:hover .discord-login__arrow{transform:translateX(3px);opacity:1}
.login-security{margin-top:15px;display:flex;justify-content:center;align-items:center;gap:7px;color:#4f5d70;font-size:9px}
.login-security .status-dot{width:5px;height:5px;box-shadow:0 0 8px rgba(39,216,144,.35)}
@media(max-width:760px){.nav-active-pill{display:none}.nav-item:hover{transform:none}.login-card{padding:30px 22px 25px}}

:root{--bg:#080d14;--sidebar:#0c121b;--surface:#0f1620;--surface2:#121b27;--surface3:#162133;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.12);--text:#f5f7fb;--muted:#7f8da1;--muted2:#a4afbd;--blue:#7ca8e4;--violet:#9a7cff;--green:#27d890;--amber:#e3bb55;--danger:#ff6b7a}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Manrope,"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:linear-gradient(180deg,#0c121b,#0a1018);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{height:64px;padding:0 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-weight:800;letter-spacing:-.03em}.brand img{width:32px;height:24px}.brand small{font-size:10px;color:#566275;margin-left:2px}.nav-scroll{padding:16px 10px 18px;overflow:auto;flex:1}.nav-section{margin:18px 12px 8px;color:#4f5a6c;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-section:first-child{margin-top:4px}.nav-item{height:42px;padding:0 12px;border-radius:9px;display:flex;align-items:center;gap:12px;color:#778398;font-size:13px;font-weight:600;transition:.16s;position:relative;margin:2px 0;border:0;background:transparent;width:100%;cursor:pointer;text-align:left}.nav-item:hover{background:rgba(255,255,255,.035);color:#b8c3d1}.nav-item.active{color:#9fc4fb;background:linear-gradient(90deg,rgba(69,129,205,.22),rgba(47,91,153,.16));box-shadow:inset 0 0 0 1px rgba(101,155,229,.11)}.nav-item.active:before{content:"";position:absolute;left:0;width:2px;height:18px;border-radius:2px;background:linear-gradient(var(--violet),var(--blue))}.nav-item.danger:hover{color:#ff9daa;background:rgba(255,107,122,.07)}.sidebar-user{border-top:1px solid var(--line);padding:13px 12px}.user-chip{display:flex;align-items:center;gap:10px;padding:7px;min-height:48px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#172131;border:1px solid var(--line2);object-fit:cover}.user-meta{min-width:0;flex:1}.user-meta strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{display:block;margin-top:2px;color:#67758a;font-size:10px}.icon-btn{border:1px solid var(--line);background:#0e151f;color:#8390a4;cursor:pointer;border-radius:7px;padding:7px}.icon-btn:hover{color:#fff}.main{grid-column:2;padding:0 36px 50px;min-width:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.035);margin:0 -36px;padding:0 36px;background:rgba(8,13,20,.82);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.topbar-left{display:flex;align-items:center;gap:10px;color:#67758b;font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(39,216,144,.4)}.small-btn{border:1px solid var(--line);background:#0e151f;color:#8795a9;border-radius:8px;height:34px;padding:0 12px;cursor:pointer;font-size:11px;font-weight:700;display:inline-flex;align-items:center}.small-btn:hover{color:#fff;border-color:var(--line2)}.page{width:min(1180px,100%);margin:0 auto;padding-top:30px}.page-head{margin-bottom:28px}.page-head h1{font-size:25px;letter-spacing:-.035em;margin:0 0 8px}.page-head p{margin:0;color:#667389;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.stack{display:grid;gap:22px}.card{background:linear-gradient(180deg,rgba(16,23,34,.94),rgba(13,20,29,.96));border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.download-card,.panel{padding:24px}.product-head{display:flex;align-items:flex-start;gap:14px}.product-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,rgba(120,157,224,.13),rgba(129,100,255,.08));border:1px solid rgba(116,159,230,.25);display:grid;place-items:center;color:#80b6ff;font-size:24px}.product-copy{flex:1}.product-copy h2{margin:3px 0 4px;font-size:17px}.product-copy p{margin:0;color:#5f6b7e;font-size:12px}.latest{font-size:10px;color:#31e59c;border:1px solid rgba(49,229,156,.24);background:rgba(26,170,109,.12);padding:5px 9px;border-radius:999px;font-weight:700}.release-meta{margin:18px 0 20px;color:#566274;font-size:10px}.platform-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.platform{height:42px;border-radius:10px;border:1px solid var(--line);background:#101720;color:#677489;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.platform.active{border-color:rgba(85,148,233,.5);background:rgba(61,114,188,.15);color:#a9ccfa}.platform.disabled{opacity:.55}.download-panel{border:1px solid var(--line);background:rgba(255,255,255,.018);border-radius:12px;padding:16px}.download-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.download-row h3{font-size:13px;margin:0 0 3px}.download-row p{font-size:10px;color:#596578;margin:0}.your-system{margin-left:auto;font-size:9px;color:#87b9f7;border:1px solid rgba(76,142,224,.26);background:rgba(61,114,188,.12);padding:4px 7px;border-radius:999px;font-weight:700}.primary-btn,.download-btn{width:100%;height:46px;border:0;border-radius:11px;background:linear-gradient(135deg,#8f79ff,#6b99e2);color:#07101b;font-weight:900;cursor:pointer}.primary-btn:hover,.download-btn:hover{filter:brightness(1.05)}.download-btn:disabled{cursor:not-allowed;opacity:.42;filter:grayscale(.4)}.terms{text-align:center;font-size:9px;color:#414b59;margin:13px 0 0}.side-card{padding:21px}.side-card h3,.panel h3{font-size:12px;margin:0 0 20px}.status-list,.info-list,.feature-list{display:grid;gap:15px}.status-row,.info-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.status-row span:first-child,.info-row span:first-child{color:#69758a}.pill{font-size:9px;color:#31df96;background:rgba(22,171,107,.12);padding:5px 8px;border-radius:999px}.pill.red{color:#ff99a6;background:rgba(255,107,122,.1)}.plan-value{color:#a993ff;font-weight:700}.feature-row{color:#6c788b;font-size:11px}.feature-row:before{content:"✓";color:#27cf89;margin-right:8px}.changelog{padding:22px 24px}.release{margin-top:18px}.release strong{font-size:11px}.release ul{list-style:none;padding:0;display:grid;gap:8px}.release li{color:#687588;font-size:11px}.release li:before{content:"✓";color:#29d58f;margin-right:8px}.redeem-row{display:grid;grid-template-columns:1fr auto;gap:10px}.input,.select{height:42px;border:1px solid var(--line);background:#0a111a;color:#dfe6ef;border-radius:9px;padding:0 12px;outline:none}.input:focus,.select:focus{border-color:rgba(124,168,228,.5)}.action-btn{height:42px;border:1px solid var(--line2);background:#121b27;color:#c5d0de;border-radius:9px;padding:0 14px;font-weight:700;cursor:pointer}.action-btn:hover{background:#172233}.action-btn.danger{border-color:rgba(255,107,122,.25);color:#ff9daa}.action-btn.good{border-color:rgba(39,216,144,.25);color:#72e7b6}.toast{position:fixed;right:20px;bottom:20px;background:#111a26;border:1px solid var(--line2);border-radius:11px;padding:12px 14px;color:#cbd4df;font-size:11px;z-index:50;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s;max-width:420px}.toast.show{opacity:1;transform:none}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(650px 400px at 50% 35%,rgba(132,105,255,.11),transparent 70%),#080d14}.login-card{width:min(430px,100%);padding:32px;background:#0e151f;border:1px solid var(--line);border-radius:18px;text-align:center}.login-logo{width:54px;height:42px;margin:0 auto 18px}.login-card h1{font-size:24px;margin:0 0 10px}.login-card p{color:#748197;font-size:12px;line-height:1.7;margin:0 auto 24px;max-width:330px}.discord-login{height:48px;border-radius:11px;background:#5865f2;color:#fff;font-weight:800;border:0;width:100%;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.stat{padding:16px;border:1px solid var(--line);background:#0e151f;border-radius:12px}.stat span{display:block;color:#68758a;font-size:10px;margin-bottom:7px}.stat strong{font-size:22px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toolbar .input{flex:1}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table{width:100%;border-collapse:collapse;min-width:920px}.table th,.table td{padding:11px 12px;border-bottom:1px solid var(--line);font-size:11px;text-align:left;vertical-align:middle}.table th{color:#66758a;background:#0c131c;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.table td{color:#a8b3c2}.table tr:last-child td{border-bottom:0}.user-cell{display:flex;align-items:center;gap:9px}.user-cell img{width:28px;height:28px;border-radius:50%}.user-cell strong{display:block;color:#e7edf5;font-size:11px}.user-cell small{color:#5f6d81}.actions{display:flex;gap:5px;flex-wrap:wrap}.mini{height:28px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:#111a25;color:#8f9caf;font-size:9px;font-weight:700;cursor:pointer}.mini:hover{color:#fff}.mini.danger{color:#ff97a4;border-color:rgba(255,107,122,.2)}.mini.good{color:#67dda9;border-color:rgba(39,216,144,.2)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.generated{margin-top:12px;padding:12px;border-radius:10px;border:1px dashed var(--line2);background:#091019;color:#a8c7ff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;white-space:pre-wrap}.empty{padding:28px;text-align:center;color:#59677b;font-size:11px}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:980px){.layout{grid-template-columns:1fr}}@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;height:auto}.nav-scroll{display:flex;overflow-x:auto;padding:8px}.nav-section,.sidebar-user{display:none}.nav-item{flex:0 0 auto}.main{padding:0 16px 36px}.topbar{margin:0 -16px;padding:0 16px}.page{padding-top:20px}.platform-tabs{grid-template-columns:1fr}.platform.disabled{display:none}.stats{grid-template-columns:repeat(2,1fr)}}

/* ===== v20 dashboard visual + motion pass ===== */
:root{
  --bg:#070b12;
  --sidebar:#0a1019;
  --surface:#0d1520;
  --surface2:#111b29;
  --surface3:#162236;
  --line:rgba(255,255,255,.068);
  --line2:rgba(255,255,255,.115);
  --text:#f5f7fb;
  --muted:#7e8da3;
  --blue:#79aef0;
  --violet:#9b82ff;
  --green:#2bd694;
}
html{background:#070b12}
body{
  background:
    radial-gradient(820px 520px at 80% -80px,rgba(113,87,255,.10),transparent 68%),
    radial-gradient(700px 520px at 22% 102%,rgba(47,113,188,.055),transparent 72%),
    #070b12;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(420px circle at var(--dash-x,78%) var(--dash-y,8%),rgba(145,120,255,.06),transparent 72%);
}
.app,.main,.sidebar{position:relative;z-index:1}
.sidebar{
  background:
    radial-gradient(340px 300px at 0% 0%,rgba(145,120,255,.06),transparent 70%),
    linear-gradient(180deg,#0a1019,#090f17);
  box-shadow:18px 0 60px rgba(0,0,0,.12);
}
.brand{transition:background .25s ease}
.brand:hover{background:rgba(255,255,255,.018)}
.brand img{filter:drop-shadow(0 5px 12px rgba(142,115,255,.16))}
.topbar{
  background:rgba(7,11,18,.66);
  backdrop-filter:blur(18px) saturate(135%);
  border-bottom-color:rgba(255,255,255,.055);
}
.topbar-left{color:#697a91}
.status-dot{
  box-shadow:0 0 0 3px rgba(39,216,144,.055),0 0 15px rgba(39,216,144,.34);
}
.nav-active-pill{
  background:linear-gradient(90deg,rgba(120,91,255,.16),rgba(68,139,218,.11));
  border-color:rgba(139,119,255,.17);
  box-shadow:0 12px 30px rgba(42,49,122,.13),inset 0 1px rgba(255,255,255,.026);
}
.nav-active-pill:before{
  background:linear-gradient(180deg,#b09bff,#70b1ef);
  box-shadow:0 0 16px rgba(151,126,255,.6);
}
.nav-item{transition:color .28s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.nav-item:hover{transform:translateX(3px)}
.page-head{
  animation:dashFadeUp .55s cubic-bezier(.22,1,.36,1) both;
}
.page-head h1{
  background:linear-gradient(96deg,#f7f8fc 0%,#eef2fb 55%,#c9d8ec 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.card{
  position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(15,23,35,.96),rgba(11,18,28,.97));
  border-color:rgba(255,255,255,.073);
  box-shadow:0 18px 48px rgba(0,0,0,.12);
  transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease;
}
.card:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(360px circle at var(--cx,78%) var(--cy,0%),rgba(141,116,255,.07),transparent 72%);
  transition:opacity .25s ease;
}
.card:hover{
  transform:translateY(-3px);
  border-color:rgba(138,122,204,.14);
  box-shadow:0 24px 62px rgba(0,0,0,.18);
}
.card:hover:before{opacity:1}
.download-card{
  border-color:rgba(131,116,212,.11);
  background:
    radial-gradient(440px 220px at 84% 0%,rgba(130,99,255,.065),transparent 72%),
    linear-gradient(180deg,rgba(15,23,35,.98),rgba(11,18,28,.98));
}
.product-icon{
  background:linear-gradient(135deg,rgba(147,122,255,.17),rgba(84,151,226,.12));
  border:1px solid rgba(148,126,255,.18);
  color:#bdaeff;
  box-shadow:0 8px 24px rgba(94,78,178,.10);
}
.latest{
  color:#64e0ac;background:rgba(39,216,144,.085);
  border:1px solid rgba(39,216,144,.13);
}
.platform{
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.platform.active{
  background:linear-gradient(135deg,rgba(128,102,255,.10),rgba(74,141,218,.08));
  color:#dce9fa;border-color:rgba(123,151,222,.13);
}
.download-btn{
  position:relative;overflow:hidden;
  background:linear-gradient(105deg,#927cff 0%,#738bea 46%,#62a8e8 100%);
  color:#fff;
  box-shadow:0 14px 34px rgba(87,102,224,.20);
}
.download-btn:before,.action-btn.good:before,.discord-login:before{
  content:"";position:absolute;top:-120%;bottom:-120%;left:-35%;width:23%;
  transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  transition:left .62s cubic-bezier(.22,1,.36,1);pointer-events:none;
}
.download-btn:not(:disabled):hover:before,.action-btn.good:hover:before,.discord-login:hover:before{left:116%}
.download-btn:not(:disabled):hover{
  transform:translateY(-2px);
  box-shadow:0 18px 44px rgba(87,102,224,.30);
}
.action-btn{position:relative;overflow:hidden;transition:transform .23s ease,background .23s ease,border-color .23s ease}
.action-btn:hover{transform:translateY(-1px)}
.action-btn.good{
  background:linear-gradient(135deg,rgba(45,205,145,.10),rgba(73,150,212,.08));
}
.input{
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.input:focus{
  background:#0b131e;border-color:rgba(141,119,255,.42);
  box-shadow:0 0 0 3px rgba(141,119,255,.055);
}
.user-chip{
  transition:border-color .24s ease,background .24s ease,transform .24s ease;
}
.user-chip:hover{
  background:rgba(255,255,255,.027);border-color:rgba(142,124,220,.13);transform:translateY(-1px);
}
.pill{box-shadow:0 0 18px rgba(39,216,144,.06)}
.toast{
  backdrop-filter:blur(16px);background:rgba(15,23,35,.90);
  box-shadow:0 20px 54px rgba(0,0,0,.24);
  transition:opacity .25s ease,transform .25s cubic-bezier(.22,1,.36,1);
}
.stack>.card{animation:dashFadeUp .55s cubic-bezier(.22,1,.36,1) both}
.stack>.card:nth-child(2){animation-delay:.055s}
.stack>.card:nth-child(3){animation-delay:.11s}
.layout>.stack:nth-child(2)>.card:nth-child(1){animation-delay:.035s}
.layout>.stack:nth-child(2)>.card:nth-child(2){animation-delay:.085s}
.layout>.stack:nth-child(2)>.card:nth-child(3){animation-delay:.135s}
@keyframes dashFadeUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
.login-card{
  border-color:rgba(144,121,255,.13);
  background:
    radial-gradient(330px 180px at 50% 0%,rgba(141,116,255,.065),transparent 75%),
    linear-gradient(180deg,rgba(14,22,33,.98),rgba(10,16,25,.98));
  box-shadow:0 34px 90px rgba(0,0,0,.38);
}
.discord-login{position:relative;overflow:hidden}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition-duration:.01ms!important}
}
@media(max-width:760px){
  body:before{display:none}
  .card:hover,.user-chip:hover{transform:none}
}