.login-root{background:radial-gradient(60% 50% at 30% 20%,#232733,#0000 60%),radial-gradient(60% 50% at 80% 90%,#2a2530,#0000 60%),#14151a;place-items:center;min-height:100dvh;padding:32px 20px;font-family:Archivo,system-ui,sans-serif;display:grid}.login-root .card-wrap{width:100%;max-width:940px}.login-root .card{width:100%;position:relative}.login-root .screen{border:1px solid #ffffff14;border-radius:28px;width:100%;transition:background-color .55s;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000000b3,inset 0 0 0 1px #ffffff0a}.login-root .screen[data-fac=kraken]{--bg:#0a0922;--field-bg:#14112f;--field-line:#2a2456;--field-text:#f3f1ff;--text:#f3f1ff;--text-2:#b8b4e6;--text-3:#7d77b8;--accent:#ff3d92;--accent-2:#5d6bff;--accent-ink:#fff;--line:#2a2456;--field-radius:15px;--btn-radius:15px;--btn-shadow:0 16px 34px -10px #ff3d92a6;--focus-glow:0 0 0 3px #ff3d9240;--font-display:"Bricolage Grotesque", sans-serif;--font-body:"Archivo", system-ui, sans-serif;--btn-font:"Bricolage Grotesque", sans-serif;--label-font:"Space Mono", monospace;--label-spacing:.16em;--label-transform:uppercase;--label-size:10px;--statusbar:#f3f1ff}.login-root .screen[data-fac=mama]{--bg:#f6efe4;--field-bg:#fffdf8;--field-line:#e3d6c4;--field-text:#3a322b;--text:#3a322b;--text-2:#6c6055;--text-3:#9a8c7c;--accent:#bd6f54;--accent-2:#7e9471;--accent-ink:#fff;--line:#e8dccb;--field-radius:16px;--btn-radius:30px;--btn-shadow:0 14px 28px -12px #bd6f54b3;--focus-glow:0 0 0 3px #bd6f542e;--font-display:"Fraunces", Georgia, serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--btn-font:"Hanken Grotesk", system-ui, sans-serif;--label-font:"Hanken Grotesk", sans-serif;--label-spacing:.01em;--label-transform:none;--label-size:12px;--statusbar:#3a322b}.login-root .screen{background:var(--bg);font-family:var(--font-body)}.login-root .bg{z-index:0;pointer-events:none;transition:opacity .6s;position:absolute;inset:0}.login-root .bg.kraken{background:radial-gradient(60% 42% at 12% -2%,#ff3d9257,#0000 60%),radial-gradient(58% 40% at 96% 10%,#5d6bff57,#0000 60%),radial-gradient(70% 50% at 50% 112%,#36e6ff1f,#0000 60%)}.login-root .bg.kraken:after{content:"";opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(100% 70% at 50% 0,#000 40%,#0000 90%);mask-image:radial-gradient(100% 70% at 50% 0,#000 40%,#0000 90%)}.login-root .bg.mama{background:radial-gradient(54% 40% at 90% -4%,#cf9b906b,#0000 62%),radial-gradient(50% 38% at 4% 6%,#7e947147,#0000 60%),radial-gradient(64% 46% at 50% 114%,#bd6f5429,#0000 60%)}.login-root .screen[data-fac=kraken] .bg.mama,.login-root .screen[data-fac=mama] .bg.kraken{opacity:0}.login-root .content{z-index:10;grid-template-columns:1.02fr .98fr;min-height:580px;display:grid;position:relative}.login-root .left{flex-direction:column;justify-content:center;gap:26px;padding:52px 44px;display:flex}.login-root .right{background:color-mix(in srgb, var(--bg) 86%, transparent);border-left:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;justify-content:center;padding:48px 44px;transition:background-color .55s,border-color .55s;display:flex}.login-root .switch{background:var(--field-bg);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr 1fr;margin-bottom:38px;padding:5px;transition:background-color .55s,border-color .55s;display:grid;position:relative}.login-root .switch .glider{background:var(--accent);width:calc(50% - 5px);box-shadow:0 6px 16px -6px var(--accent);border-radius:12px;transition:transform .42s cubic-bezier(.34,1.4,.5,1),background-color .55s;position:absolute;top:5px;bottom:5px;left:5px}.login-root .screen[data-fac=mama] .switch .glider{transform:translate(100%)}.login-root .switch button{z-index:1;cursor:pointer;font:700 13px var(--font-body);color:var(--text-3);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 8px;transition:color .35s;display:flex;position:relative}.login-root .switch button .dot{border-radius:50%;width:8px;height:8px;transition:background-color .3s}.login-root .switch button[data-pick=kraken] .dot{background:#ff3d92}.login-root .switch button[data-pick=mama] .dot{background:#bd6f54}.login-root .screen[data-fac=kraken] .switch button[data-pick=kraken]{color:#fff}.login-root .screen[data-fac=kraken] .switch button[data-pick=kraken] .dot{background:#fff}.login-root .screen[data-fac=mama] .switch button[data-pick=mama]{color:#fff}.login-root .screen[data-fac=mama] .switch button[data-pick=mama] .dot{background:#fff}.login-root .brand{min-height:64px;margin-bottom:26px;position:relative}.login-root .lockup{align-items:center;gap:14px;transition:opacity .45s,transform .45s;display:flex;position:absolute;inset:0}.login-root .screen[data-fac=kraken] .lockup.mama,.login-root .screen[data-fac=mama] .lockup.kraken{opacity:0;pointer-events:none;transform:translateY(8px)}.login-root .lockup.kraken img{filter:drop-shadow(0 8px 20px #ff3d9280);height:56px}.login-root .lockup.kraken .wm{letter-spacing:-.5px;color:#f3f1ff;font-family:Bricolage Grotesque,sans-serif;font-size:21px;font-weight:800;line-height:.94}.login-root .lockup.kraken .wm small{letter-spacing:.3em;color:#ff74b3;margin-top:5px;font:700 9px/1 Space Mono,monospace;display:block}.login-root .lockup.mama .leaf{background:linear-gradient(150deg,#d4876a,#bd6f54);border-radius:50% 50% 50% 8px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-8deg);box-shadow:0 10px 22px -8px #bd6f5499}.login-root .lockup.mama .leaf svg{color:#fff;width:24px;height:24px;transform:rotate(8deg)}.login-root .lockup.mama .wm{color:#3a322b;font-family:Fraunces,serif;font-size:25px;font-weight:500;line-height:1}.login-root .lockup.mama .wm i{color:#bd6f54;font-style:italic}.login-root .lockup.mama .wm small{letter-spacing:.26em;text-transform:uppercase;color:#9a8c7c;margin-top:6px;font:600 9px/1 Hanken Grotesk,sans-serif;display:block}.login-root .head h1{font-family:var(--font-display);color:var(--text);letter-spacing:-.6px;font-size:32px;line-height:1.04;transition:color .55s}.login-root .screen[data-fac=kraken] .head h1{font-weight:800}.login-root .screen[data-fac=mama] .head h1{font-weight:500}.login-root .screen[data-fac=mama] .head h1 em{color:var(--accent);font-style:italic}.login-root .head p{color:var(--text-2);margin-top:9px;font-size:14px;transition:color .55s}.login-root form{flex-direction:column;gap:16px;margin-top:26px;display:flex}.login-root .field label{font-family:var(--label-font);font-size:var(--label-size);letter-spacing:var(--label-spacing);text-transform:var(--label-transform);color:var(--text-3);margin-bottom:8px;font-weight:700;transition:color .55s;display:block}.login-root .field .inp{background:var(--field-bg);border:1px solid var(--field-line);border-radius:var(--field-radius);align-items:center;gap:11px;height:52px;padding:0 15px;transition:background-color .55s,border-color .3s,box-shadow .25s,border-radius .55s;display:flex}.login-root .field .inp:focus-within{border-color:var(--accent);box-shadow:var(--focus-glow)}.login-root .field .inp svg{width:18px;height:18px;color:var(--text-3);flex:none;transition:color .55s}.login-root .field .inp input{width:100%;height:100%;font:500 15px var(--font-body);color:var(--field-text);background:0 0;border:none;outline:none;transition:color .55s}.login-root .field .inp input::placeholder{color:var(--text-3);opacity:.8}.login-root .field .inp .eye{cursor:pointer}.login-root .row-between{justify-content:space-between;align-items:center;margin-top:-4px;display:flex}.login-root .link{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none;transition:color .55s}.login-root .remember{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;font-size:13px;transition:color .55s;display:flex}.login-root .remember .box{border:1.5px solid var(--field-line);border-radius:6px;place-items:center;width:18px;height:18px;transition:all .2s;display:grid}.login-root .remember .box svg{color:#fff;opacity:0;width:12px;height:12px}.login-root .remember input{display:none}.login-root .remember input:checked+.box{background:var(--accent);border-color:var(--accent)}.login-root .remember input:checked+.box svg{opacity:1}.login-root .btn-primary{cursor:pointer;border-radius:var(--btn-radius);background:var(--accent);height:54px;color:var(--accent-ink);font-family:var(--btn-font);letter-spacing:.2px;box-shadow:var(--btn-shadow);border:none;margin-top:6px;font-size:16px;font-weight:700;transition:background-color .55s,border-radius .55s,box-shadow .3s,transform .15s,filter .15s}.login-root .screen[data-fac=kraken] .btn-primary{background:linear-gradient(100deg,#ff3d92,#ff5fa0)}.login-root .btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px)}.login-root .btn-primary:active{transform:translateY(0)}.login-root .divider{color:var(--text-3);align-items:center;gap:14px;margin:6px 0;font-size:12px;transition:color .55s;display:flex}.login-root .divider:before,.login-root .divider:after{content:"";background:var(--line);flex:1;height:1px;transition:background-color .55s}.login-root .btn-apple{border-radius:var(--btn-radius);cursor:pointer;border:1.5px solid var(--field-line);height:52px;color:var(--text);font:600 15px var(--font-body);background:0 0;justify-content:center;align-items:center;gap:10px;transition:background-color .25s,border-color .55s,border-radius .55s,color .55s;display:flex}.login-root .btn-apple:hover{background:var(--field-bg)}.login-root .btn-apple svg{width:18px;height:18px}.login-root .magic{text-align:center;color:var(--text-2);margin-top:2px;font-size:13px;transition:color .55s}.login-root .magic a{color:var(--accent);font-weight:600;text-decoration:none}.login-root .foot{border-top:1px solid var(--line);text-align:center;color:var(--text-2);margin-top:22px;padding-top:22px;font-size:14px;transition:color .55s,border-color .55s}.login-root .foot a{color:var(--accent);font-weight:700;text-decoration:none;transition:color .55s}.login-root [data-rise]{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards login-rise;transform:translateY(14px)}@keyframes login-rise{to{opacity:1;transform:none}}.login-root .hint{text-align:center;color:#6b6e7a;margin-top:18px;font:500 12px Archivo,sans-serif}@media (max-width:760px){.login-root .content{grid-template-columns:1fr;min-height:0}.login-root .left{gap:18px;padding:40px 30px 8px}.login-root .right{border-left:none;border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, transparent);padding:24px 30px 34px}.login-root .head h1{font-size:27px}}