body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#020617;color:#f9fafb}.page-login,.page-main{min-height:100vh;display:flex;flex-direction:column}.header{width:100%;max-width:1200px;margin:16px auto 24px;display:flex;justify-content:space-between;align-items:center}.header h2{margin:0 0 4px}.header p{margin:0;font-size:14px;color:#9ca3af}.card{background:#020617;border-radius:16px;padding:16px 18px;border:1px solid #1f2937;box-shadow:0 10px 25px #00000059}.page-main{padding-bottom:32px}.page-main>.cards-grid{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.page-login{justify-content:center;align-items:center}.page-login .card{width:100%;max-width:360px}.page-login h1{text-align:center;margin:0 0 16px}.page-login label{display:block;margin-bottom:10px;font-size:14px}.page-login input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #4b5563;background:#020617;color:#f9fafb;margin-top:4px}.page-login button{width:100%;padding:10px 0;border-radius:999px;border:none;background:#22c55e;color:#0b1120;font-weight:600;cursor:pointer;margin-top:8px}.page-login button:disabled{background:#6b7280;cursor:default}button{font-family:inherit;border:none;border-radius:999px;padding:8px 16px;background:#22c55e;color:#0b1120;font-weight:600;cursor:pointer}button:hover{background:#16a34a}.header button{background:transparent;border-radius:999px;border:1px solid #4b5563;color:#e5e7eb;padding:6px 14px}.header button:hover{background:#111827}.error{color:#fca5a5;font-size:13px;margin-top:6px}.card-clickable{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card-clickable:hover{border-color:#4b5563;box-shadow:0 16px 40px #0000008c;transform:translateY(-2px)}