.tg-login{--tomate-500:var(--color-tomate-500);--tomate-600:var(--color-tomate-600);--tomate-700:var(--color-tomate-700);--tomate-800:var(--color-tomate-800);--basilic-300:var(--color-basilic-300);--basilic-400:var(--color-basilic-400);--basilic-600:var(--color-basilic-600);--creme:var(--color-background);--sable-100:var(--color-sable-100);--sable-200:var(--color-sable-200);--sable-300:var(--color-sable-300);--sable-400:var(--color-sable-400);--sable-500:var(--color-sable-500);--sable-600:var(--color-sable-600);--sable-700:var(--color-sable-700);--ink:var(--color-foreground);--card:var(--color-card);--danger:var(--color-destructive);--radius-input:12px;--radius-card:16px;min-height:100vh;font-family:var(--font-sans), "Inter", ui-sans-serif, system-ui, sans-serif;color:var(--ink);grid-template-columns:45fr 55fr;display:grid}.tg-login .brand{background:var(--tomate-700);color:#fff;flex-direction:column;justify-content:space-between;padding:64px 72px;display:flex;position:relative;overflow:hidden}.tg-login .brand:after{content:"";pointer-events:none;background:radial-gradient(110% 75% at 18% 12%,#ffffff17,#0000 58%);position:absolute;inset:0}.tg-login .brand>*{z-index:1;position:relative}.tg-login .lockup{align-items:center;gap:14px;display:flex}.tg-login .mark{background:var(--creme);border-radius:13px;flex:none;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 0 0 1px #0000000a}.tg-login .berry{background:var(--tomate-600);border-radius:50%;width:22px;height:22px;position:relative}.tg-login .berry:before{content:"";background:var(--basilic-600);border-radius:50%/70% 70% 30% 30%;width:9px;height:6px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(-12deg)}.tg-login .wordmark{font-family:var(--font-display);letter-spacing:-.01em;font-size:26px;font-weight:600}.tg-login .brand-body{max-width:460px}.tg-login .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#ffffff9e;align-items:center;gap:9px;margin-bottom:26px;font-size:12px;font-weight:600;display:inline-flex}.tg-login .pip{background:var(--basilic-300);border-radius:50%;width:7px;height:7px}.tg-login .headline{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px;font-size:44px;font-weight:600;line-height:1.1}.tg-login .subline{color:#ffffffb8;max-width:420px;margin:0;font-size:16px;line-height:1.6}.tg-login .reassure{flex-direction:column;gap:18px;margin:40px 0 0;padding:0;list-style:none;display:flex}.tg-login .reassure li{color:#fffffff0;align-items:center;gap:15px;font-size:15.5px;font-weight:500;display:flex}.tg-login .tick{background:#84bc722e;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.tg-login .brand-foot{color:#ffffff80;align-items:center;gap:14px;font-size:13px;display:flex}.tg-login .dot{background:#ffffff4d;border-radius:50%;width:4px;height:4px}.tg-login .panel{background:var(--creme);justify-content:center;align-items:center;padding:48px;display:flex}.tg-login .form-card{width:100%;max-width:408px}.tg-login .form-head{margin-bottom:34px}.tg-login .form-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:600}.tg-login .form-head p{color:var(--sable-600);margin:0;font-size:15px;line-height:1.5}.tg-login .form{flex-direction:column;gap:20px;display:flex}.tg-login .field{flex-direction:column;gap:8px;display:flex}.tg-login .field label{color:var(--sable-700);font-size:13.5px;font-weight:600}.tg-login .input-wrap{display:flex;position:relative}.tg-login .input-wrap input{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--sable-200);border-radius:var(--radius-input);outline:none;padding:13px 15px;font-size:15px;transition:border-color .15s,box-shadow .15s}.tg-login .input-wrap input::placeholder{color:var(--sable-400)}.tg-login .input-wrap input:hover{border-color:var(--sable-300)}.tg-login .input-wrap input:focus{border-color:var(--tomate-600);box-shadow:0 0 0 3.5px #0ea1ab2e}.tg-login .input-wrap.has-error input{border-color:var(--danger)}.tg-login .input-wrap.has-error input:focus{box-shadow:0 0 0 3.5px #b91c1c21}.tg-login .input-wrap.has-toggle input{padding-right:52px}.tg-login .toggle-pw{cursor:pointer;color:var(--sable-500);background:0 0;border:none;border-radius:8px;place-items:center;padding:8px;line-height:0;transition:color .15s,background .15s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.tg-login .toggle-pw:hover{color:var(--sable-700);background:var(--sable-100)}.tg-login .error-msg{color:var(--danger);font-size:12.5px}.tg-login .field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tg-login .link{color:var(--tomate-600);font-size:13px;font-weight:600;text-decoration:none}.tg-login .link:hover{color:var(--tomate-800);text-underline-offset:2px;text-decoration:underline}.tg-login .row-between{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.tg-login .remember{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--sable-700);align-items:center;gap:10px;font-size:14px;display:flex}.tg-login .remember input{opacity:0;width:0;height:0;position:absolute}.tg-login .checkbox{border:1.5px solid var(--sable-300);background:var(--card);border-radius:6px;place-items:center;width:20px;height:20px;transition:background .15s,border-color .15s;display:grid}.tg-login .checkbox svg{opacity:0;transition:opacity .12s,transform .12s;transform:scale(.6)}.tg-login .remember input:checked+.checkbox{background:var(--tomate-600);border-color:var(--tomate-600)}.tg-login .remember input:checked+.checkbox svg{opacity:1;transform:scale(1)}.tg-login .remember input:focus-visible+.checkbox{box-shadow:0 0 0 3.5px #0ea1ab33}.tg-login .alert{background:var(--color-danger-soft);color:var(--color-danger-ink);border-radius:var(--radius-input);border:1px solid #f3ccc6;align-items:center;gap:9px;padding:11px 14px;font-size:13.5px;font-weight:500;display:flex}.tg-login .alert svg{flex:none}.tg-login .btn{font:inherit;color:#fff;background:var(--tomate-600);border-radius:var(--radius-input);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px 20px;font-size:15.5px;font-weight:600;transition:background .15s,transform 50ms;display:flex;box-shadow:0 1px 2px #0e525a33}.tg-login .btn:hover{background:var(--tomate-700)}.tg-login .btn:active{transform:translateY(1px)}.tg-login .btn:disabled{cursor:default;opacity:.8}.tg-login .btn .spinner{border:2.2px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite tg-spin;display:none}.tg-login .btn.loading .spinner{display:block}.tg-login .btn.loading .btn-label{opacity:.85}@keyframes tg-spin{to{transform:rotate(360deg)}}.tg-login .form-foot{border-top:1px solid var(--sable-200);color:var(--sable-600);text-align:center;margin-top:28px;padding-top:22px;font-size:13.5px;line-height:1.5}.tg-login .form-foot a{color:var(--sable-700);font-weight:600;text-decoration:none}.tg-login .form-foot a:hover{text-underline-offset:2px;text-decoration:underline}@media (max-width:880px){.tg-login{grid-template-columns:1fr}.tg-login .brand{gap:36px;padding:44px 40px}.tg-login .headline{font-size:34px}}@media (prefers-reduced-motion:reduce){.tg-login .btn .spinner{animation-duration:1.2s}}