*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Arial,sans-serif}button,input{font:inherit}:root{--navy:#031326;--blue:#166cff;--blueLight:#4898ff;--text:#f7f9fc;--muted:#9eb0c4;--border:#b8d1eb2e}.login-page{background:var(--navy);min-height:100vh;color:var(--text);grid-template-columns:1fr 1fr;display:grid}.brand-panel{background:radial-gradient(circle at 49% 24%,#1d67b540,#0000 34%),linear-gradient(150deg,#020c18,#061d35 55%,#092e50);flex-direction:column;justify-content:center;padding:60px 8vw 90px;display:flex;position:relative;overflow:hidden}.brand-content{text-align:center}.logo-lockup{flex-direction:column;align-items:center;gap:22px;display:flex}.logo-lockup.compact{flex-direction:row;justify-content:flex-start;gap:10px}.t-logo{filter:drop-shadow(0 18px 24px #0000008c);width:180px;height:180px}.compact .t-logo{width:48px;height:48px}.logo-name{letter-spacing:8px;white-space:nowrap;font-size:42px;font-weight:800}.compact .logo-name{letter-spacing:1.5px;font-size:16px}.logo-name span{color:var(--blueLight)}.logo-subtitle{color:#bcc9d8;margin-top:12px;font-size:20px}.brand-rule{background:var(--blue);width:52px;height:2px;margin:40px auto 24px}.tagline{color:#e1e9f2;font-size:21px;font-style:italic;line-height:1.5}.brand-footer{border-top:1px solid var(--border);color:#b7c7d8;background:#020e1cb8;justify-content:space-around;padding:20px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.auth-panel{background:radial-gradient(circle at 70% 30%,#0a3158,#041629 62%);place-items:center;padding:40px;display:grid}.auth-card{border:1px solid var(--border);background:linear-gradient(145deg,#0c2b49e6,#04182df5);border-radius:20px;width:min(500px,100%);padding:48px;box-shadow:0 28px 80px #00000052}.mobile-logo{display:none}.auth-card h1{margin:0;font-size:30px}.auth-intro{color:var(--muted);margin:9px 0 34px}.auth-card label{margin:18px 0 8px;display:block}.auth-card input{color:#fff;background:#010e1d94;border:1px solid #38546f;border-radius:9px;outline:none;width:100%;padding:15px 16px}.auth-card input:focus{border-color:var(--blueLight);box-shadow:0 0 0 3px #287dff1f}.login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#27f,#0756df);border:0;border-radius:9px;width:100%;margin-top:28px;padding:15px;font-weight:700}.form-message,.config-note{border-radius:8px;margin-top:16px;padding:11px;font-size:13px}.form-message{color:#ffc7cf;background:#bd33472e}.config-note{color:#b9d8ff;background:#1f72d324}.dashboard-shell{color:#13283f;background:#f3f6fa;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.dashboard-sidebar{color:#fff;background:linear-gradient(#04172b,#062847);flex-direction:column;padding:24px 16px;display:flex}.dashboard-sidebar nav{flex-direction:column;gap:4px;margin-top:34px;display:flex}.dashboard-sidebar nav a{color:#d9e4ef;border-radius:8px;padding:11px 13px}.dashboard-sidebar nav a.active{color:#fff;background:var(--blue)}.logout-button{color:#fff;background:0 0;border:1px solid #ffffff2e;border-radius:8px;margin-top:auto;padding:11px}.dashboard-content{padding:34px}.dashboard-content header{justify-content:space-between;align-items:center;display:flex}.dashboard-content h1{margin:4px 0;font-size:32px}.dashboard-content header p{color:#718398;margin:0}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800;color:var(--blue)!important}.user-pill{background:#fff;border:1px solid #d9e2ec;border-radius:999px;padding:10px 14px}.dashboard-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;display:grid}.dashboard-cards article,.welcome-card{background:#fff;border:1px solid #dce4ed;border-radius:13px;padding:22px;box-shadow:0 8px 24px #1f3d5f0d}.dashboard-cards span,.dashboard-cards small{color:#708298;display:block}.dashboard-cards strong{color:#0d3157;margin:12px 0;font-size:34px;display:block}.welcome-card{margin-top:18px}@media (max-width:900px){.login-page{grid-template-columns:1fr}.brand-panel{display:none}.mobile-logo{margin-bottom:28px;display:block}.auth-panel{min-height:100vh;padding:20px}.auth-card{padding:30px 24px}.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{display:none}.dashboard-content{padding:20px}.dashboard-cards{grid-template-columns:1fr 1fr}}.premium-login{color:#fff;background:#031326;grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.premium-brand{background:linear-gradient(#010e1c0f,#010e1c0f),url(/titanium-login-brand.jpg) 50%/cover no-repeat;border-right:1px solid #9bbee11f;min-height:calc(100vh - 105px);position:relative}.brand-overlay{background:linear-gradient(90deg,#0000 72%,#03132638);position:absolute;inset:0}.premium-auth{background:radial-gradient(circle at 50% 40%,#0b3156 0%,#04172a 68%);place-items:center;min-height:calc(100vh - 105px);padding:48px;display:grid}.premium-card{background:linear-gradient(145deg,#0c2b49ed,#05192ffa);border:1px solid #a0c3e633;border-radius:20px;width:min(580px,100%);padding:58px 52px 44px;box-shadow:0 30px 90px #0000004d}.premium-card h1{margin:0 0 10px;font-size:32px}.premium-card>p{color:#afc1d5;margin:0 0 34px}.premium-card>label{margin:20px 0 10px;font-weight:600;display:block}.input-wrap{background:#010e1d94;border:1px solid #38546f;border-radius:9px;align-items:center;gap:12px;padding:0 16px;display:flex}.input-wrap input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:16px 0}.auth-row{justify-content:space-between;align-items:center;margin:20px 0 0;display:flex}.remember{color:#c3d0de;align-items:center;gap:9px;margin:0!important;display:flex!important}.link-button{color:#4090ff;cursor:pointer;background:0 0;border:0}.premium-login-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2478ff,#0757df);border:0;border-radius:9px;width:100%;margin-top:28px;padding:16px;font-size:17px}.separator{color:#b1c1d2;align-items:center;gap:16px;margin:30px 0;display:flex}.separator:before,.separator:after{content:"";background:#a5c3e133;flex:1;height:1px}.sso-button{color:#fff;background:0 0;border:1px solid #49627c;border-radius:9px;width:100%;padding:15px;font-size:16px}.account-help{text-align:center!important;color:#b8c6d4!important;margin:42px 0 0!important}.account-help span{color:#3487ff}.premium-footer{background:#061a31;border-top:1px solid #9bbee126;grid-column:1/-1;grid-template-columns:repeat(3,1fr);align-items:center;gap:20px;min-height:105px;padding:18px 8vw 28px;display:grid}.premium-footer div{color:#b9c8d7;flex-direction:column;align-items:center;gap:4px;display:flex}.premium-footer strong{color:#dbe6f1;font-weight:500}.premium-footer span{font-size:12px}.premium-footer small{text-align:center;color:#8da1b5;grid-column:1/-1}@media (max-width:950px){.premium-login{grid-template-columns:1fr}.premium-brand{display:none}.premium-auth{min-height:calc(100vh - 130px);padding:22px}.premium-card{padding:34px 24px}.premium-footer{grid-template-columns:1fr 1fr 1fr;padding:18px}}@media (max-width:620px){.premium-footer{grid-template-columns:1fr}.premium-footer small{grid-column:1}}