:root{--primary-bg: #0f172a;--secondary-bg: #1e293b;--accent-color: #10b981;--accent-hover: #059669;--text-primary: #f8fafc;--text-secondary: #94a3b8;--danger: #ef4444;--input-bg: #ffffff;--input-border: #cbd5e1;--button-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#0f172a;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:0 10px 25px #0003;color:#1e293b;max-width:500px;width:100%;margin:0 auto}.input-group{margin-bottom:1.5rem;text-align:left}.label{display:block;font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--input-border);border-radius:.5rem;font-size:1rem;color:#1e293b;transition:border-color .2s;background:var(--input-bg)}.input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:var(--button-text);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease,transform .1s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 4px #0ea5e933}.btn:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.text-center{text-align:center}.error-msg{color:var(--danger);font-size:.875rem;margin-top:.5rem}.split-layout{display:flex;min-height:100vh}.left-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem;color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b,#0f2027);position:relative;overflow:hidden}.left-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f172af2,#1e293bf2,#0f2027f2);z-index:0}.left-panel>*{position:relative;z-index:1}.right-panel{flex:1;background:#f0fdfa;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.right-panel:before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%230ea5e9" fill-opacity="0.05"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');background-size:60px 60px;opacity:1;z-index:0}.right-panel .card{position:relative;z-index:10}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}