body{background:radial-gradient(circle at 14% 8%,#2f7cff42,#0000 28%),radial-gradient(circle at 84% 12%,#00b0ff2e,#0000 30%),radial-gradient(circle at 50% 98%,#33d17a14,#0000 26%),linear-gradient(#030713 0%,#07111f 48%,#030712 100%)}.login-shell{place-items:center;min-height:calc(100svh - 4rem);padding:clamp(1.25rem,3vw,2.5rem) 0;display:grid}.login-panel{color:#eef7ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#091528c7,#040b18a8),#050b16bd;border:1px solid #78b2ff2e;border-radius:30px;width:min(100%,980px);padding:clamp(.65rem,1.6vw,1rem);box-shadow:0 22px 56px #00000057,inset 0 1px #ffffff0f}.login-head{aspect-ratio:1500/350;background:#030912eb;border:1px solid #88beff33;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000061}.login-head:after{content:"";background:linear-gradient(90deg,#03091294,#0309122e,#030912a3),linear-gradient(#0000 42%,#0309123d);position:absolute;inset:0}.login-head__image{object-fit:cover;width:100%;height:100%}.login-brand{text-align:center;justify-items:center;gap:.8rem;width:min(100%,560px);margin:clamp(-3.75rem,-7vw,-2.25rem) auto 0;display:grid;position:relative}.login-brand__logo{background:#030912e6;border:1px solid #8bc6ff57;border-radius:999px;width:150px;height:150px;box-shadow:0 18px 38px #00000061,0 0 0 8px #040e1e80,0 0 48px #00b0ff26}.login-brand__text span{color:#8fd8ff;letter-spacing:.14em;margin-bottom:.35rem;font-size:.78rem;font-weight:800;display:block}.login-brand__text h1{color:#fff;margin:0;font-size:clamp(2rem,5vw,3.35rem);font-weight:800;line-height:1.04}.login-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0a172ce0,#050c1ad1),#070e1dd1;border:1px solid #6496ff38;border-radius:24px;gap:1rem;width:min(100%,560px);margin:clamp(1.5rem,3vw,2.25rem) auto 0;padding:clamp(1rem,2.2vw,1.35rem);display:grid;box-shadow:0 16px 34px #00000047,inset 0 1px #ffffff0d}.login-field{gap:.5rem;display:grid}.login-field label{color:#eef7ff;font-size:.95rem;font-weight:700}.login-field input{color:#fff;width:90%;min-height:58px;font:inherit;background:#030812c7;border:1px solid #a0ccff47;border-radius:18px;outline:none;padding:.95rem 1.1rem;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:inset 0 1px #ffffff0d,0 10px 22px #00000024}.login-field input:focus{background:#050c1af5;border-color:#2f7cff;box-shadow:0 0 0 4px #2f7cff38,0 12px 26px #0000002e}.login-remember{color:#d7ecff;align-items:center;gap:.75rem;min-height:40px;font-weight:650;display:flex}.login-remember input{accent-color:#00b0ff;width:20px;height:20px;margin:0}.login-submit{color:#fff;cursor:pointer;min-height:58px;font:inherit;background:linear-gradient(135deg,#2f7cff 0%,#00b0ff 62%,#33d17a 145%);border:0;border-radius:18px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 16px 30px #2f7cff52,inset 0 1px #ffffff3d}.login-submit:hover{filter:brightness(1.1)saturate(1.08);transform:translateY(-1px);box-shadow:0 22px 42px #2f7cff6b,0 0 0 4px #00b0ff1a,inset 0 1px #ffffff47}.login-submit:focus-visible{outline-offset:3px;outline:3px solid #eef7ffd1}.login-error{color:#fecdd3;margin:0;font-size:.9rem}.login-goodbye-copy{color:#d7ecff;text-align:center;margin:0;font-size:1rem;line-height:1.65}.login-goodbye-link{width:100%}@media (width<=640px){.login-shell{min-height:calc(100svh - 2rem);padding-top:.5rem}.login-head{border-radius:18px}.login-brand{margin-top:-2.2rem}.login-brand__logo{width:118px;height:118px}.login-field input,.login-submit{border-radius:16px;min-height:54px}}