@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');
:root{--synoro:#ef4022;--synoro-dark:#c92f18;--black:#111;--charcoal:#232323;--soft:#f4f4f2;--line:#dededb;--ink:#343434}
body{font-family:Inter,Arial,sans-serif;background:var(--soft);color:var(--ink)}
.topbar{background:#151515;height:78px;border-bottom:3px solid var(--synoro)}.brand img{width:176px;height:auto;filter:none}.topbar nav a{font-family:Poppins,sans-serif}.topbar nav a:hover{color:var(--synoro)}
.auth-page{min-height:100vh;margin-top:-78px;padding:32px 20px;display:grid;place-items:center;background:#fff}
body:has(.auth-page) .topbar{display:none}.auth-card{width:min(390px,100%);background:#202020;padding:38px 36px 34px;border-radius:4px;box-shadow:0 14px 34px rgba(0,0,0,.18)}.auth-logo{display:block;width:100%;height:auto;margin:0 auto 34px}.auth-card h1{font-family:Poppins,sans-serif;font-size:21px;font-weight:600;color:#fff;margin:0 0 8px}.auth-card .muted{color:#d2d2d2}.auth-card label{font-family:Poppins,sans-serif;color:#fff}.auth-card input{border-radius:2px;border:1px solid #fff;background:#fff;color:#202020}.auth-card .primary{width:100%;margin-top:22px;background:var(--synoro);border-radius:2px;font-family:Poppins,sans-serif}.auth-card .primary:hover{background:var(--synoro-dark)}.forgot{display:block;text-align:right;margin-top:12px;color:#fff;font-size:13px;text-decoration:underline;text-underline-offset:3px}.forgot.centered{text-align:center}.button-link{display:block;text-align:center;text-decoration:none}.auth-card .divider{color:#c9c9c9}.auth-card .divider:before,.auth-card .divider:after{background:#555}.auth-card .google{border-radius:2px;background:transparent;border-color:#e1e1e1;color:#fff}.success{background:#e8f5ed;border-left:4px solid #258257;padding:13px 15px;margin:16px 0;color:#205f43}.hero{background:#1a1a1a;border-bottom:5px solid var(--synoro)}.hero .eyebrow{color:var(--synoro)}.hero h1,.section-head h2,.module-card h3{font-family:Poppins,sans-serif}.module-card{border-top-color:var(--synoro)}.module-icon{background:#202020;color:var(--synoro)}.tag{background:#fff0ec;color:#a92f1c}.primary{background:var(--synoro);border-radius:0}.module-link span{color:var(--synoro)}.admin-nav a:hover{color:var(--synoro)}
@media(max-width:600px){.auth-page{padding:18px}.auth-card{padding:32px 26px}.topbar{height:68px}.brand img{width:145px}}
.module-card--locked{border-top-color:#b8c0c6;background:#fbfbfb;box-shadow:none}.module-card--locked:hover{transform:none;box-shadow:none}.module-card--locked .module-icon{background:#e5e8ea;color:#73808a}.module-card--locked .tag{background:#edf0f2;color:#64727c}.module-card--locked h3{color:#68747d}.module-card--locked p{color:#87919a}.module-link--locked{color:#7d8992;cursor:not-allowed}.module-link--locked span{color:#7d8992}

.login-auth-page{position:relative;overflow:hidden;background:#fff}.login-auth-page:before{display:none}.login-auth-page .auth-card{position:relative;z-index:1;width:min(430px,100%);padding:42px 40px 38px;background:#1d1d1d;border:1px solid rgba(255,255,255,.1);border-top:4px solid var(--synoro);border-radius:6px;box-shadow:0 28px 70px rgba(0,0,0,.28)}.login-auth-page .auth-logo{max-width:320px;margin-bottom:32px}.login-auth-page .auth-card label{gap:9px;margin-top:16px;font-size:12px;letter-spacing:0}.login-auth-page .auth-card input{height:48px;border:1px solid #383838;border-radius:5px;transition:border-color .18s ease,box-shadow .18s ease}.login-auth-page .auth-card input:focus{outline:0;border-color:var(--synoro);box-shadow:0 0 0 3px rgba(239,64,34,.2)}.login-auth-page .auth-card .primary{height:48px;margin-top:22px;border-radius:5px;box-shadow:0 12px 26px rgba(239,64,34,.24);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.login-auth-page .auth-card .primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(239,64,34,.3)}.login-auth-page .auth-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.login-auth-page .auth-actions .forgot{display:inline-flex;align-items:center;margin:0;padding-bottom:2px;color:#f7f7f7;text-align:left;font-size:12.5px;line-height:1.3;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}.login-auth-page .auth-actions .auth-request{color:#ff856f;font-weight:700;border-bottom-color:rgba(239,64,34,.7)}.login-auth-page .auth-actions .forgot:hover{color:#fff;border-bottom-color:#fff}.login-auth-page .auth-actions .auth-request:hover{color:#ff9a87;border-bottom-color:#ff9a87}
@media(max-width:600px){.login-auth-page{background:#fff}.login-auth-page .auth-card{padding:34px 24px 32px}.login-auth-page .auth-logo{margin-bottom:28px}.login-auth-page .auth-actions{gap:12px}.login-auth-page .auth-actions .forgot{font-size:12px}}

.registration-auth-page{background:#fff}.registration-auth-page .auth-card{width:min(470px,100%);padding:40px 40px 36px;border-top:4px solid var(--synoro);border-radius:6px;box-shadow:0 24px 58px rgba(0,0,0,.22)}.registration-auth-page .auth-logo{max-width:300px;margin-bottom:26px}.registration-auth-page .auth-card h1{font-size:24px;margin-bottom:6px}.registration-auth-page .auth-card .muted{margin:0 0 18px;font-size:14px}.registration-form{margin-top:18px}.registration-auth-page .auth-card label{gap:9px;margin-top:15px;font-size:12px;letter-spacing:0}.registration-auth-page .auth-card input{width:100%;height:48px;border:1px solid #383838;border-radius:5px;transition:border-color .18s ease,box-shadow .18s ease}.registration-auth-page .auth-card input:focus{outline:0;border-color:var(--synoro);box-shadow:0 0 0 3px rgba(239,64,34,.2)}.registration-auth-page .auth-card .primary{height:48px;margin-top:24px;border-radius:5px;box-shadow:0 12px 26px rgba(239,64,34,.22);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.registration-auth-page .auth-card .primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(239,64,34,.28)}.registration-auth-page .forgot.auth-request{margin-top:18px;text-align:center;color:#f7f7f7;text-decoration:none}.registration-auth-page .forgot.auth-request:hover{color:#ff9a87}.password-field{position:relative;display:block}.password-field input{padding-right:52px}.password-toggle{position:absolute;right:7px;top:50%;width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:5px;background:transparent;color:#545454;transform:translateY(-50%);cursor:pointer}.password-toggle:hover,.password-toggle.is-visible{background:#f1f1f1;color:var(--synoro)}.password-toggle:focus-visible{outline:2px solid rgba(239,64,34,.35);outline-offset:2px}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:600px){.registration-auth-page .auth-card{padding:34px 24px 32px}.registration-auth-page .auth-logo{margin-bottom:24px}.registration-auth-page .auth-card h1{font-size:22px}}
