@media(max-width:900px){.auth-wrapper{flex-direction:column}.left-panel,.right-panel{padding:24px}}:root{--blue: #2563eb;--blue-light: #3b82f6;--text: #0f172a;--gray: #64748b;--border: #e2e8f0;--bg: #f8fafc}*{font-family:Inter,sans-serif;box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.container{display:flex;min-height:100vh;flex-direction:column}.auth-wrapper{display:flex;flex:1}.left-panel,.right-panel{flex:1;padding:48px;display:flex;justify-content:center;align-items:center}.left-panel{background:#fff;border-right:1px solid var(--border)}.right-panel{background:#f1f5f9}.card{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:16px;border:1px solid var(--border)}input,textarea{width:100%;padding:12px;margin-top:8px;margin-bottom:16px;border-radius:10px;border:1px solid var(--border)}button{width:100%;padding:14px;border:none;border-radius:12px;background:var(--blue);color:#fff;font-weight:600;cursor:pointer}button:hover{background:var(--blue-light)}.footer{text-align:center;padding:24px;font-size:14px;color:var(--gray);border-top:1px solid var(--border)}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 48px;border-bottom:1px solid var(--border);background:#fff}.nav a{margin-left:24px;text-decoration:none;color:var(--text);font-weight:500}.logo{height:40px}