:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #eaf2ff; background: #071a3a; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(ellipse at 70% -10%, #164f9c 0, #0a2c60 35%, #06152f 80%); }
.shell { width: min(980px, calc(100% - 32px)); margin: 0 auto; padding: 24px 0 56px; }
.topbar { display: flex; align-items: center; justify-content: space-between; min-height: 54px; margin-bottom: 54px; }
.brand { display: flex; align-items: center; gap: 12px; letter-spacing: .02em; }
.brand-mark { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #6cb7ff; border-radius: 13px; color: #fff; font-weight: 800; background: #1261c7; box-shadow: 0 0 24px #1b80ff44; }
.brand strong, .brand small { display: block; }.brand small { color: #9ab4d9; font-size: 12px; margin-top: 2px; }
h1 { margin: 6px 0 8px; font-size: clamp(28px, 5vw, 40px); letter-spacing: -.035em; }
h2 { margin: 0 0 8px; font-size: 20px; }
p { line-height: 1.5; }.muted { color: #9db1d0; }.eyebrow { margin: 0; color: #65b2ff; font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.login-card, .card { border: 1px solid #315487; border-radius: 20px; background: linear-gradient(145deg, #102c57ee, #091d3bee); box-shadow: 0 18px 60px #0004; }
.login-card { width: min(440px, 100%); margin: 0 auto; padding: 34px; }.card { padding: 28px; margin-top: 20px; }.intro { margin-bottom: 26px; }
form { display: grid; gap: 16px; margin-top: 24px; }.form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.wide { grid-column: 1 / -1; }
label { display: block; margin-bottom: 7px; color: #d3e2f8; font-size: 13px; font-weight: 650; }
input, select, textarea { width: 100%; min-height: 46px; padding: 11px 13px; border: 1px solid #436494; border-radius: 10px; background: #071b39; color: #f4f8ff; font: inherit; outline: none; }
textarea { resize: vertical; min-height: 110px; } input:focus, select:focus, textarea:focus { border-color: #72bdff; box-shadow: 0 0 0 3px #2794ff33; }
button { cursor: pointer; font: inherit; }.primary { min-height: 46px; padding: 0 20px; border: 1px solid #62adff; border-radius: 10px; color: white; font-weight: 750; background: linear-gradient(110deg, #0969d5, #1688f8); box-shadow: 0 8px 22px #0069da33; }
.primary:hover { filter: brightness(1.12); }.quiet { padding: 9px 14px; border: 1px solid #456590; border-radius: 9px; background: transparent; color: #dceaff; }
.tabs { display: flex; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid #2a4770; overflow-x: auto; }.tab { white-space: nowrap; padding: 11px 17px; border: 1px solid transparent; border-radius: 10px; color: #aec5e5; background: transparent; font-weight: 700; }.tab.active { border-color: #478edf; color: white; background: #1357a4; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }.status { font-size: 13px; color: #89d8b2; }.error { min-height: 20px; color: #ff9a9a; font-size: 13px; }.toggle { display: flex; align-items: center; gap: 10px; cursor: pointer; }.toggle input { width: 18px; height: 18px; min-height: auto; accent-color: #208bfa; }
.upload-row { display: flex; align-items: end; gap: 18px; }.upload-row > div { flex: 1; }.logo-preview { width: 80px; height: 80px; object-fit: contain; border: 1px solid #426493; border-radius: 14px; padding: 8px; background: #07152d; }
.current-release { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid #2a4770; font-size: 13px; }
.section-divider { border-top: 1px solid #2a4770; padding-top: 18px; margin-top: 8px; }.section-divider h3 { margin: 0; font-size: 17px; }.section-divider p { margin: 6px 0 0; font-size: 13px; }
footer { margin-top: 20px; font-size: 12px; }.hidden { display: none !important; }.toast { position: fixed; right: 22px; bottom: 22px; max-width: min(420px, calc(100vw - 44px)); padding: 13px 17px; border: 1px solid #5798df; border-radius: 12px; background: #123b70; box-shadow: 0 12px 36px #0006; }
@media (max-width: 600px) { .shell { width: min(100% - 24px, 980px); padding-top: 16px; }.topbar { margin-bottom: 36px; }.login-card, .card { padding: 22px; border-radius: 16px; }.form-grid { grid-template-columns: 1fr; }.wide { grid-column: auto; }.upload-row { align-items: start; flex-direction: column; }.logo-preview { width: 64px; height: 64px; } }