@import "https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";
.login-root{z-index:0;color:#ffffffeb;-webkit-font-smoothing:antialiased;background:#0a0814;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-family:Geist,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.login-root .display{letter-spacing:-.02em;font-family:Instrument Sans,sans-serif;font-weight:600}.login-root .mono{font-variant-numeric:tabular-nums}.bg-flow{z-index:-2;pointer-events:none;border:0;width:100vw;height:100vh;position:fixed;inset:0}.bg-scrim{z-index:-1;pointer-events:none;background:radial-gradient(120% 90%,#0000 30%,#06040e6b 100%),linear-gradient(#06040e4d 0%,#06040e1f 40%,#06040e70 100%);position:fixed;inset:0}.bg-grain{z-index:-1;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.auth.glass{-webkit-backdrop-filter:blur(30px)saturate(165%);backdrop-filter:blur(30px)saturate(165%);background:#0a081470;border:1px solid #ffffff21;position:relative;box-shadow:inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff05,0 40px 90px -30px #0000009e,0 10px 26px -10px #00000073}.auth.glass:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px 0 -.5px #ffffff29,inset -1px -1px 0 -.5px #00000047}.auth{z-index:1;border-radius:24px;width:100%;max-width:408px;padding:40px 40px 34px}.auth-wrap{width:100%;max-width:408px;position:relative}.auth-pfp{z-index:2;pointer-events:none;width:290px;height:auto;display:block;position:absolute;bottom:calc(100% - 40px);left:50%;transform:translate(-50%)}.auth-brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accentA), var(--accentB));color:#1a1530;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-family:Instrument Sans,sans-serif;font-size:20px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffff6b,0 6px 16px -6px #00000080}.brand-txt{flex-direction:column;line-height:1.15;display:flex}.brand-mark{letter-spacing:-.01em;font-family:Instrument Sans,sans-serif;font-size:16px;font-weight:600}.brand-sub{letter-spacing:.16em;text-transform:uppercase;color:#ffffff75;font-size:11px}.auth-head{text-align:center;box-shadow:inset 0 1px 0 #ffffff1a, inset 0 -22px 44px -24px #0000008c, 0 14px 34px -20px color-mix(in oklab, var(--accentA) 40%, transparent);background:linear-gradient(#04030a99,#04030a57);border-radius:24px 24px 0 0;margin:-40px -40px 26px;padding:40px 40px 28px;position:relative}.auth-head:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--accentA) 70%, white 10%), transparent);height:1px;box-shadow:0 0 14px 1px color-mix(in oklab, var(--accentA) 45%, transparent);position:absolute;bottom:-.5px;left:34px;right:34px}.login-root .auth-title{text-transform:uppercase;letter-spacing:.03em;text-shadow:1px 1px 0 #0000001f, 0 2px 6px #00000038, 0 0 16px color-mix(in oklab, var(--accentA) 18%, transparent);-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(120deg,#ffffffc7 0% 42%,#fff 50%,#ffffffc7 58% 100%);background-size:200%;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-family:Archivo Black,Instrument Sans,sans-serif;font-size:32px;font-weight:400;animation:3s linear infinite title-shine}@keyframes title-shine{0%{background-position:150%}to{background-position:-50%}}.auth-desc{color:#fff9;margin:0;font-size:13.5px;line-height:1.5}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;text-shadow:0 1px 3px #0009,0 -1px #ffffff14;font-size:12.5px;font-weight:700}.field-input{color:#fffffff0;background:#281c3657;border:1px solid #ffffff1f;border-top-color:#0003;border-radius:11px;outline:none;height:46px;padding:0 14px;font-family:Geist,sans-serif;font-size:14.5px;transition:background .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 3px #0000002e,0 1px #ffffff0f}.field-input::placeholder{color:#ffffff61}.field-input:hover{background:#281c366b}.field-input:focus{border-color:color-mix(in oklab, var(--accentA) 55%, transparent);box-shadow:inset 0 1px 3px #0000002e, 0 0 0 3px color-mix(in oklab, var(--accentA) 18%, transparent);background:#281c3675}.btn-google{cursor:pointer;color:#fff;text-shadow:0 1px 2px #14041480;background:linear-gradient(#ffffff24 0%,#ffffff05 42%,#0000001f 100%),linear-gradient(115deg,#d98614 0%,#d94a02 22%,#d61414 42%,#a30030 60%,#520a3c 80%,#0a0417 100%);border:1px solid #ffffff1f;border-left:none;border-right:none;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;height:54px;font-family:Geist,sans-serif;font-size:15px;font-weight:600;transition:transform .16s cubic-bezier(.4,0,.2,1),filter .2s,box-shadow .16s,border-color .2s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 0 0 1px #ffffff0d,inset 0 -6px 14px #0000004d,0 8px 18px -8px #0006,0 14px 30px -14px #00000059}.btn-google:hover{filter:brightness(1.06);border-color:#fff3;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff57,inset 0 0 0 1px #ffffff0f,inset 0 -6px 14px #0000004d,0 12px 24px -8px #00000073,0 20px 40px -14px #0006}.btn-google:active{border-color:#ffffff24;transform:translateY(1px);box-shadow:inset 0 1px #ffffff3d,inset 0 0 0 1px #ffffff0d,inset 0 -4px 10px #00000059,0 5px 12px -8px #00000059,0 10px 22px -14px #0000004d}.btn-google:focus-visible{box-shadow:inset 0 1px 0 #ffffff47, 0 8px 18px -8px #0006, 0 14px 30px -14px #00000059, 0 0 0 3px color-mix(in oklab, var(--accentA) 40%, transparent);border-color:#fff3;outline:none}.btn-google .g-badge{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.btn-google .g-badge svg{color:#fff;filter:drop-shadow(0 1px 2px #28082873);width:20px;height:20px;display:block}.auth-divider{color:#fff6;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:14px;margin:26px 0 20px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.btn-magic{cursor:pointer;color:#ffffffe6;background:linear-gradient(#ffffff1c,#ffffff0a 55%,#ffffff05);border:1px solid #ffffff21;border-top-color:#ffffff38;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:4px;font-family:Geist,sans-serif;font-size:14px;font-weight:500;transition:background .24s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.4,0,.2,1),transform .16s cubic-bezier(.4,0,.2,1),box-shadow .16s,opacity .2s;display:inline-flex;box-shadow:inset 0 1px #ffffff3d,0 8px 20px -10px #0006}.btn-magic:hover{background:var(--hover-3);color:var(--hover-ink);border-color:#ffffff3d;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff47,0 12px 26px -10px #00000073}.btn-magic:active{transform:translateY(2px);box-shadow:inset 0 1px #fff3,0 5px 14px -10px #0006}.btn-magic:focus-visible{border-color:color-mix(in oklab, var(--accentA) 55%, transparent);box-shadow:inset 0 1px 0 #ffffff3d, 0 8px 20px -10px #0006, 0 0 0 3px color-mix(in oklab, var(--accentA) 18%, transparent);outline:none}.btn-magic svg{width:17px;height:17px}.btn-magic[disabled]{opacity:.55;cursor:default;transform:none}.btn-magic .spin{border:2px solid #ffffff40;border-top-color:#ffffffd9;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.err-box{color:#ffb6b6;background:#ff78781a;border:1px solid #ff78784d;border-radius:12px;align-items:flex-start;gap:10px;margin:2px 0 14px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.err-box[hidden]{display:none}.err-box svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.err-box strong{color:#ffcdcd;font-weight:600}.link{color:color-mix(in oklab, var(--accentA) 80%, white);font-size:13px;text-decoration:none;transition:color .2s}.link:hover{color:#fff}.fade-swap{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-swap.out{opacity:0}.confirm{text-align:center;padding:6px 0 2px}.confirm-icon{background:color-mix(in oklab, var(--accentA) 16%, transparent);border:1px solid color-mix(in oklab, var(--accentA) 34%, transparent);width:58px;height:58px;color:color-mix(in oklab, var(--accentA) 80%, white);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 22px;display:inline-flex}.confirm-icon svg{width:26px;height:26px}.confirm-title{margin:0 0 10px;font-size:21px}.confirm-desc{color:#ffffff9e;max-width:300px;margin:0 auto;font-size:13.5px;line-height:1.55}.confirm-desc .em{color:#ffffffeb;font-weight:500}.confirm-back{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;margin-top:26px;padding:8px 10px;font-family:Geist,sans-serif;font-size:13px;transition:color .2s,background .2s;display:inline-flex}.confirm-back:hover{color:var(--hover-ink);background:var(--hover-1)}.confirm-back svg{width:15px;height:15px}@keyframes confirm-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm{animation:.56s cubic-bezier(.16,1,.3,1) both confirm-in}.auth-foot{text-align:center;color:#ffffff8c;margin:26px 0 0;font-size:13px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes grain-in{0%{opacity:0}to{opacity:.4}}@keyframes fade-up{0%{opacity:0;transform:translateY(52px)}to{opacity:1;transform:translateY(0)}}@keyframes pfp-in{0%{opacity:0;transform:translate(-50%)translateY(52px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bg-flow,.bg-scrim{animation:.9s cubic-bezier(.455,.03,.515,.955) both fade-in}.bg-grain{animation:.9s cubic-bezier(.455,.03,.515,.955) both grain-in}.auth-pfp{animation:.76s cubic-bezier(.455,.03,.515,.955) .68s both pfp-in}.auth{animation:.82s cubic-bezier(.455,.03,.515,.955) .88s both fade-up}@media (prefers-reduced-motion:reduce){.bg-flow,.bg-scrim,.bg-grain,.auth-pfp,.auth,.confirm{animation:none!important}.field-input,.btn-google,.btn-magic,.link,.fade-swap{transition:none!important}.auth-title{animation:none!important}}@media (max-width:460px){.auth{border-radius:20px;padding:32px 26px 28px}.auth-head{border-radius:20px 20px 0 0;margin:-32px -26px 24px;padding:32px 26px 24px}.auth-head:after{left:22px;right:22px}}