@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Sora:wght@300;400;500;600;700&display=swap";:root{--navy:#002c50;--teal:#56a7b2;--bg:#edf0f3;--surface:#fff;--border:#ccd5dc;--text:#002c50;--muted:#4a6275;--muted2:#8fa3b3;--red:#d94040;--green:#1e9e6a;--shadow-sm:0 2px 8px #002c500f;--shadow-lg:0 20px 60px #002c5024, 0 8px 20px #002c5012;--r:8px;--r-lg:16px;--font-heading:"IBM Plex Sans", sans-serif;--font-body:"Sora", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;font-size:14px;line-height:1.5;display:flex}body:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 20% 10%,#56a7b212 0%,#0000 60%),radial-gradient(60% 50% at 85% 85%,#002c500f 0%,#0000 55%);position:fixed;inset:0}.container{z-index:1;width:100%;max-width:680px;padding:32px;position:relative}.auth-wrapper{width:100%}.auth-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden}.form-header{padding:0}.logo-container{background:#f4f7fa;justify-content:center;align-items:center;padding:36px 48px 28px;display:flex;position:relative;overflow:hidden}.logo-container:after{content:"";background:linear-gradient(90deg, transparent, var(--teal) 30%, var(--teal) 70%, transparent);opacity:.7;height:2px;position:absolute;bottom:0;left:0;right:0}.logo{width:500px;max-width:100%;height:auto;display:block}.form-container{padding:44px 52px 52px;display:none}.form-container.active{animation:.25s both fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.form-title{font-family:var(--font-heading);color:var(--navy);letter-spacing:-.4px;text-align:center;margin-top:28px;font-size:2.1rem;font-weight:700}.form-group{margin-bottom:18px}.form-group label{color:var(--muted2);text-transform:uppercase;letter-spacing:1.8px;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.form-group input{border:1px solid var(--border);border-radius:var(--r);width:100%;font-family:var(--font-body);color:var(--text);background:#fafcfd;outline:none;padding:12px 16px;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.form-group input::placeholder{color:var(--muted2)}.form-group input:focus{border-color:var(--teal);background:var(--surface);box-shadow:0 0 0 3px #56a7b226}.form-group input:invalid:not(:placeholder-shown){border-color:var(--red)}.form-group input:valid:not(:placeholder-shown){border-color:var(--teal)}.btn{border-radius:var(--r);width:100%;font-family:var(--font-heading);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;padding:13px 20px;font-size:11px;font-weight:700;transition:background .15s,box-shadow .15s,transform .1s}.btn-primary{background:var(--navy);color:#fff;margin-top:10px;box-shadow:0 4px 16px #002c5040}.btn-primary:hover{background:#003a6b;transform:translateY(-1px);box-shadow:0 6px 20px #002c5059}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:disabled{background:var(--muted2);cursor:not-allowed;box-shadow:none;transform:none}.error-message{color:var(--red);min-height:1rem;margin-top:5px;font-size:11px;display:block}.success-message{color:var(--green);border-radius:var(--r);border-left:3px solid var(--green);background:#1e9e6a14;margin-top:16px;padding:12px 16px;font-size:12px;animation:.25s fadeUp;display:none}.success-message.show{display:block}@media (width<=560px){.container{padding:16px}.form-container{padding:28px 24px 32px}.form-title{font-size:1.5rem}.logo{width:260px}}