@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap";
.login-page{background-color:#0000;background-image:linear-gradient(#07111fd1,#07111fd1),url(https://images.unsplash.com/photo-1685047988060-982a57952eb3?q=80&w=2232&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.login-page:after{content:"";pointer-events:none;background:radial-gradient(circle,#0b5cff26 0%,#0000 65%);width:500px;height:500px;position:absolute;bottom:-100px;right:-100px}.login-card{z-index:1;background:#fffffff7;border-radius:24px;width:100%;max-width:420px;padding:2.75rem 2.5rem;animation:.45s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;box-shadow:0 0 0 1px #ffffff14,0 32px 80px #00000073,0 8px 24px #0003}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card:before{content:"";background:linear-gradient(90deg,#0b5cff,#60a5fa);border-radius:0 0 4px 4px;height:3px;position:absolute;top:0;left:2.5rem;right:2.5rem}.login-eyebrow{color:#0b5cff;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.45rem;margin-bottom:1rem;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700;display:inline-flex}.login-eyebrow:before{content:"";background:#0b5cff;border-radius:50%;width:6px;height:6px;display:inline-block}.login-card h1{color:#07111f;letter-spacing:-.02em;margin-bottom:.5rem;font-family:DM Serif Display,serif;font-size:2rem;font-weight:400;line-height:1.1}.login-card p{color:#607086;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:.9rem;line-height:1.6}.login-card p:after{content:"";background:linear-gradient(90deg,#e2e8f0,#0000);height:1px;margin-top:1.5rem;display:block}.login-form{gap:1.1rem;font-family:DM Sans,sans-serif;display:grid}.login-field{gap:.5rem;display:grid}.login-field label{color:#07111f;letter-spacing:.01em;font-size:.82rem;font-weight:600}.login-field input{color:#07111f;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem;font-family:DM Sans,sans-serif;font-size:.93rem;transition:border-color .2s,background .2s,box-shadow .2s}.login-field input:hover{background:#fff;border-color:#cbd5e1}.login-field input:focus{background:#fff;border-color:#0b5cff;box-shadow:0 0 0 3.5px #0b5cff1a}.login-field input::placeholder{color:#b0bac6}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.7rem .9rem;font-family:DM Sans,sans-serif;font-size:.86rem;font-weight:600;color:#b91c1c!important;margin:0!important}.login-form button{color:#fff;letter-spacing:.01em;cursor:pointer;background:#07111f;border:none;border-radius:12px;margin-top:.25rem;padding:.95rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 2px 10px #07111f33}.login-form button:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 60%);position:absolute;inset:0}.login-form button:hover:not(:disabled){background:#0b5cff;transform:translateY(-1px);box-shadow:0 6px 20px #0b5cff59}.login-form button:active:not(:disabled){transform:translateY(0)}.login-form button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:480px){.login-card{border-radius:20px;padding:2rem 1.5rem}.login-card h1{font-size:1.75rem}}