:root{--noda-teal:#0e6b6f;--noda-teal-light:#148f94;--noda-teal-bright:#1ab0b5;--noda-bg-warm:#f8f4e8;--noda-text:#1a1a2e;--noda-text-secondary:#6b7280;--noda-accent-orange:#fa8c16;--noda-bg-cream:#f0ece3;--noda-bg-white:#ffffff;--noda-border:rgba(14,107,111,0.12)}.auth-page-wrapper{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}.auth-page-wrapper>.noda-header{position:relative;width:100%;flex-shrink:0;z-index:10}.auth-split-layout{display:flex;flex:1 1;min-height:0}.auth-brand-panel{position:relative;width:45%;overflow:hidden;flex-shrink:0}.auth-brand-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.auth-brand-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,62,66,.7) 0,rgba(8,62,66,.3) 40%,transparent)}.auth-brand-content{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:48px 40px}.auth-brand-tagline h2{font-size:42px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-.5px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.auth-brand-tagline p{font-size:18px;color:rgba(255,255,255,.9);line-height:1.6;max-width:360px;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.2)}.auth-form-panel{flex:1 1;background:var(--noda-bg-warm);display:flex;flex-direction:column;overflow:hidden;background-image:radial-gradient(circle,rgba(14,107,111,.04) 1px,transparent 0);background-size:24px 24px}.auth-form-center{flex:1 1;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden}.auth-form-container{width:100%;max-width:400px;padding:40px 32px;background:var(--noda-bg-white);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);margin:24px;animation:auth-form-in .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@keyframes auth-form-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-form-panel>.noda-footer{margin-top:auto;padding:16px 24px;flex-shrink:0}@media (max-width:768px){.auth-page-wrapper{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.auth-split-layout{flex-direction:column;min-height:100vh}.auth-brand-panel{width:100%;height:200px;flex-shrink:0}.auth-brand-content{padding:24px}.auth-brand-tagline h2{font-size:28px}.auth-brand-tagline p{font-size:14px}.auth-form-center{flex:1 1}.auth-form-container{margin:0;border-radius:0;box-shadow:none;padding:32px 20px}}