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