:root{--primary: #2563eb;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);display:flex;justify-content:center;min-height:100vh}.container-center{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.card{background-color:var(--bg-card);padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #00000080;width:100%;max-width:400px;text-align:center}.input-group{margin-bottom:1rem;text-align:left}label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #334155;background-color:#0f172a;color:#fff;box-sizing:border-box}input:focus{outline:none;border-color:var(--primary)}.btn-primary{width:100%;padding:.75rem;background-color:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer;margin-top:1rem;transition:background .2s}.btn-primary:hover{background-color:#1d4ed8}h1{margin-bottom:.5rem}p{color:var(--text-muted);margin-top:0}@media(max-width:768px){.hide-mobile{display:none!important}.container-center{padding:1rem;box-sizing:border-box}}@media(min-width:769px){.show-mobile{display:none!important}}.custom-scroll::-webkit-scrollbar{width:4px}.custom-scroll::-webkit-scrollbar-track{background:transparent}.custom-scroll::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}