:root{--font-mono:"Roboto Mono", monospace;--simarter-orange:#e1580a;--simarter-dark-blue:#0a4479;--simarter-gray:#9d9d9c;--simarter-light-orange:#f49d1c}*{box-sizing:border-box}html{background:var(--simarter-dark-blue);-webkit-font-smoothing:antialiased;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{color:#fff;text-shadow:0 2px 4px #0000004d;margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}h2{margin:0 0 24px;font-size:32px;font-weight:600;line-height:40px}@media (max-width:768px){h2{font-size:28px;line-height:36px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.home-split{min-height:100dvh;display:flex}@media (max-width:968px){.home-split{flex-direction:column;min-height:auto}}.home-left{background:linear-gradient(135deg, var(--simarter-dark-blue) 0%, var(--simarter-dark-blue) 50%, var(--simarter-orange) 100%);flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:45px;display:flex}@media (max-width:968px){.home-left{justify-content:center;min-height:auto;padding:24px 16px}}@media (max-width:400px){.home-left{padding:20px 16px}}.home-left .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:100%;max-width:600px;display:flex}.home-left .content h1{text-align:center}.home-left .content .logo-container{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem 3rem;box-shadow:0 8px 16px #0003}@media (max-width:968px){.home-left .content .logo-container{margin-bottom:1.5rem;padding:1.25rem 1.75rem}}@media (max-width:480px){.home-left .content .logo-container{margin-bottom:1rem;padding:1rem 1.5rem}}.home-left .content .logo-container img{max-width:100%;height:auto}.home-left .content .tagline{color:var(--simarter-light-orange);text-shadow:0 1px 2px #0003;text-align:center;margin:0 0 2rem;font-size:1.2rem;font-weight:500}.home-left .links{align-items:center;gap:12px;margin-top:1rem;display:flex}.home-left .links a{border-radius:8px;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 6px #00000026}.home-left .links .admin{color:#fff;background:var(--simarter-orange);border:2px solid var(--simarter-orange)}.home-left .links .admin:hover{background:var(--simarter-light-orange);border-color:var(--simarter-light-orange);transform:translateY(-2px);box-shadow:0 6px 12px #e1580a4d}.home-left .footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a447999;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:2rem;padding:1rem;display:flex}.home-left .footer p{color:var(--simarter-gray);margin:0;font-size:.875rem}.home-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:45px;display:flex}@media (max-width:968px){.home-right{min-height:auto;padding:24px 16px}}@media (max-width:400px){.home-right{padding:20px 16px}}.login-container{width:100%;max-width:450px}.login-container h2{color:var(--simarter-dark-blue);text-align:center;margin-bottom:32px}@media (max-width:968px){.login-container h2{margin-bottom:24px;font-size:24px;line-height:32px}}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--simarter-dark-blue);margin-bottom:4px;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-family:system-ui;font-size:16px;transition:all .3s}.form-group input:focus{border-color:var(--simarter-orange);outline:none;box-shadow:0 0 0 3px #e1580a1a}.form-group input:disabled{cursor:not-allowed;opacity:.6;background:#f5f5f5}.form-group input::placeholder{color:var(--simarter-gray)}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:8px;padding:12px 16px;font-size:14px}.login-button{background:var(--simarter-orange);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:14px 32px;font-family:system-ui;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #e1580a33}.login-button:hover:not(:disabled){background:var(--simarter-light-orange);transform:translateY(-2px);box-shadow:0 6px 12px #e1580a4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:var(--simarter-gray);cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.login-redirect-message{text-align:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:32px}.login-redirect-message p{color:var(--simarter-dark-blue);margin-bottom:24px;font-size:16px}.login-redirect-message .login-redirect-button{background:var(--simarter-orange);color:#fff;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 6px #e1580a33}.login-redirect-message .login-redirect-button:hover{background:var(--simarter-light-orange);transform:translateY(-2px);box-shadow:0 6px 12px #e1580a4d}.login-footer{text-align:center;margin-top:16px}.login-footer .forgot-link{color:var(--simarter-dark-blue);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.login-footer .forgot-link:hover{color:var(--simarter-orange)}.welcome-message{text-align:center;max-width:450px}.welcome-message .success-icon{background:var(--simarter-orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:48px;font-weight:700;display:flex;box-shadow:0 4px 12px #e1580a4d}.welcome-message h2{color:var(--simarter-dark-blue);margin-bottom:16px}.welcome-message p{color:var(--simarter-gray);margin-bottom:32px;font-size:18px}.welcome-message .dashboard-button{background:var(--simarter-orange);color:#fff;border-radius:8px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 6px #e1580a33}.welcome-message .dashboard-button:hover{background:var(--simarter-light-orange);transform:translateY(-2px);box-shadow:0 6px 12px #e1580a4d}
