@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@600&display=swap";:root{--color-navy: #0f2d45;--color-navy-light: #143752;--color-navy-mid: #1e5a8a;--color-blue-soft: #e8f3fc;--color-accent: #ff7d00;--color-accent-glow: rgba(255, 125, 0, .2);--color-border: #dde3ea;--color-bg: #f4f7fb;--color-surface: #ffffff;--color-text: #1a2b3c;--color-text-muted: #5c7389;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-mid) 100%);font-family:DM Sans,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,125,0,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(30,90,138,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.main-card{position:relative;z-index:1;background:var(--color-surface);border-radius:20px;overflow:hidden;width:100%;max-width:1060px;min-height:580px;box-shadow:0 24px 64px #00000059;display:flex}.left-panel{flex:1;padding:56px 64px;display:flex;flex-direction:column;justify-content:center;background:var(--color-surface)}.header-section{margin-bottom:36px}.brand-logo{display:flex;align-items:center;gap:14px;margin-bottom:20px}.logo-placeholder{height:50px;width:auto;flex-shrink:0;display:block}.brand-title{font-size:1.15rem;font-weight:800;color:var(--color-navy);margin:0 0 4px;line-height:1.2;letter-spacing:-.02em}.brand-subtitle{font-size:.8rem;color:var(--color-text-muted);margin:0;font-weight:400}.divider{height:2px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-blue-soft) 60%,transparent 100%);border-radius:2px}.form-group{margin-bottom:14px}.input-wrapper{display:flex;align-items:center;background-color:#fafcff;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:0 16px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input-wrapper:focus-within{background-color:var(--color-surface);border-color:#5ba4d4;box-shadow:0 0 0 3px #5ba4d42e}.input-icon{color:#aab5bf;margin-right:10px;flex-shrink:0;display:flex;align-items:center;font-size:1rem}.input-wrapper:focus-within .input-icon{color:var(--color-navy-light)}.form-input{flex:1;border:none;background:transparent;padding:13px 0;font-size:.88rem;color:var(--color-text);font-family:DM Sans,sans-serif;outline:none}.form-input::placeholder{color:#aab5bf}.alert-error{background-color:#fff5f5;border:1px solid #ffc9c9;border-left:3px solid #e74c3c;color:#c0392b;padding:11px 14px;border-radius:var(--radius-md);font-size:.82rem;margin-bottom:18px;font-weight:500}.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--color-navy-light) 0%,var(--color-navy-mid) 100%);color:#fff;border:none;padding:13px;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;width:100%;margin-top:20px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;font-family:DM Sans,sans-serif;letter-spacing:.02em;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent);opacity:0;transition:opacity .2s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f2d454d}.btn-login:hover:before{opacity:1}.btn-login:active{transform:scale(.99)}.btn-login:disabled{background:#c8d8e8;cursor:not-allowed;transform:none;box-shadow:none}.btn-signup{display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:var(--color-surface);color:var(--color-navy-light);border:2px solid var(--color-border);padding:12px;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;width:100%;margin-top:10px;cursor:pointer;transition:all .2s ease;font-family:DM Sans,sans-serif;letter-spacing:.02em}.btn-signup:hover{background-color:var(--color-blue-soft);border-color:#5ba4d4;color:var(--color-navy);transform:translateY(-1px)}.btn-signup:active{transform:scale(.99)}.right-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 40px;background:linear-gradient(145deg,var(--color-navy) 0%,var(--color-navy-mid) 100%);position:relative;overflow:hidden}.right-panel:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:2px solid rgba(255,255,255,.06);top:-60px;right:-60px}.right-panel:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid rgba(255,125,0,.12);bottom:-40px;left:-40px}.illustration-container{position:relative;z-index:1;width:100%;max-width:400px;border-radius:var(--radius-lg);overflow:hidden}.illustration-img{width:100%;height:auto;border-radius:var(--radius-lg);object-fit:cover;display:block;filter:drop-shadow(0 16px 40px rgba(0,0,0,.3))}@media(max-width:968px){.main-card{flex-direction:column;max-width:480px;min-height:unset}.right-panel{display:none}.left-panel{padding:48px 40px}}@media(max-width:576px){body{padding:16px}.left-panel{padding:36px 28px}.main-card{border-radius:var(--radius-lg)}.brand-title{font-size:1rem}.brand-subtitle{font-size:.74rem}.logo-placeholder{height:42px}.form-input{font-size:.84rem;padding:12px 0}.btn-login,.btn-signup{font-size:.84rem;padding:12px}}@media(max-width:380px){.left-panel{padding:28px 20px}.brand-logo{gap:10px}.brand-title{font-size:.92rem}}