.login-screen{--login-panel-start:hsl(var(--card));--login-panel-middle:hsl(var(--secondary));--login-panel-end:color-mix(in srgb,hsl(var(--primary)) 10%,hsl(var(--background)));--login-panel-heading:hsl(var(--foreground));--login-panel-text:hsl(var(--muted-foreground));--login-panel-text-strong:hsl(var(--foreground));--login-panel-brand:hsl(var(--primary));--login-panel-brand-hover:color-mix(in srgb,hsl(var(--primary)) 86%,hsl(var(--foreground)));--login-panel-success:hsl(var(--success));--login-panel-danger:hsl(var(--destructive));--login-panel-grid:hsl(var(--foreground)/0.06);--login-panel-glow:hsl(var(--primary)/0.12);--login-panel-surface:hsl(var(--card));--login-panel-border:hsl(var(--border));--login-panel-border-strong:color-mix(in srgb,hsl(var(--border)) 78%,hsl(var(--foreground)));--login-panel-divider:hsl(var(--muted));--login-panel-soft:hsl(var(--secondary));--login-panel-soft-strong:color-mix(in srgb,hsl(var(--secondary)) 82%,hsl(var(--card)));--login-success-surface:color-mix(in srgb,hsl(var(--success)) 10%,transparent);--login-success-border:color-mix(in srgb,hsl(var(--success)) 24%,hsl(var(--card)));--login-card-shadow:var(--shadow-md);--login-glass-shadow:var(--shadow-lg);--login-focus-ring:hsl(var(--ring)/0.14);--login-button-shadow:var(--shadow-sm);--login-button-hover-shadow:var(--shadow-md);--login-social-hover-shadow:var(--shadow-sm)}.login-reveal{opacity:0;animation:login-up .55s cubic-bezier(.22,1,.36,1) both}@keyframes login-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login-reveal{opacity:1;animation:none}}.tf-login-clerk-root{width:100%;max-width:400px}.tf-login-clerk-card{width:100%;border-radius:var(--radius);background:var(--login-panel-surface);padding:36px 36px 30px;box-shadow:var(--login-card-shadow);border:1px solid var(--login-panel-border)}.tf-login-clerk-header{display:flex;align-items:center;gap:14px;margin-bottom:26px}.tf-login-clerk-header:before{display:block;width:42px;height:42px;flex:0 0 auto;border-radius:10px;background:url(/icon.svg) 50%/contain no-repeat;content:""}.tf-login-clerk-title{color:var(--login-panel-heading);font-size:18px;font-weight:700;letter-spacing:0}.tf-login-clerk-subtitle{color:var(--login-panel-text);font-size:14px}.tf-login-clerk-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tf-login-clerk-social-button{height:38px;border:1px solid var(--login-panel-border);border-radius:calc(var(--radius) - 1px);background:var(--login-panel-surface);color:var(--login-panel-text);font-size:14px;font-weight:500;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}.tf-login-clerk-social-button:hover{border-color:var(--login-panel-border-strong);background:var(--login-panel-soft-strong);box-shadow:var(--login-social-hover-shadow);transform:translateY(-1px)}.tf-login-clerk-social-button:only-child{grid-column:1/-1}.tf-login-clerk-divider{gap:12px;margin-block:20px}.tf-login-clerk-divider-line{background:var(--login-panel-divider)}.tf-login-clerk-divider-text{color:var(--login-panel-text);font-size:12px;text-transform:lowercase}.tf-login-clerk-field{margin-top:16px}.tf-login-clerk-label{color:var(--login-panel-text);font-size:14px;font-weight:500;text-transform:none;letter-spacing:normal;transition:color .16s ease}.tf-login-clerk-field:focus-within .tf-login-clerk-label{color:var(--login-panel-brand)}.tf-login-clerk-input{height:38px;border:1px solid var(--login-panel-border);border-radius:calc(var(--radius) - 1px);background:var(--login-panel-surface);color:var(--login-panel-heading);font-size:14px;transition:border-color .16s ease,box-shadow .16s ease}.tf-login-clerk-input:hover{border-color:var(--login-panel-border-strong)}.tf-login-clerk-input:focus{border-color:var(--login-panel-brand);box-shadow:0 0 0 4px var(--login-focus-ring)}.tf-login-clerk-action,.tf-login-clerk-footer-link{color:var(--login-panel-brand);font-weight:500}.tf-login-clerk-action{font-size:12.5px}.tf-login-clerk-footer-link{font-size:13px}.tf-login-clerk-primary{height:44px;border-radius:9999px;background:var(--login-panel-brand);color:hsl(var(--primary-foreground));font-size:14px;font-weight:700;text-transform:none;box-shadow:var(--login-button-shadow);transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.tf-login-clerk-primary:hover{background:var(--login-panel-brand-hover);box-shadow:var(--login-button-hover-shadow)}.tf-login-clerk-primary:active{transform:translateY(1px)}.tf-login-clerk-alternative{height:36px;border:1px solid var(--login-panel-border);border-radius:calc(var(--radius) - 1px);color:var(--login-panel-text);font-size:12.5px;font-weight:500}.tf-login-clerk-alternative:hover{border-color:var(--login-panel-border-strong);background:var(--login-panel-soft-strong);color:var(--login-panel-brand)}.tf-login-clerk-native-footer{width:100%;margin-top:18px;background:transparent;padding:0}.tf-login-clerk-footer-text{color:var(--login-panel-text);font-size:14px}.tf-login-clerk-dev-bar{border-radius:0 0 calc(var(--radius) + 4px) calc(var(--radius) + 4px)}.tf-login-clerk-identity-preview{border:1px solid var(--login-panel-border);background:var(--login-panel-soft-strong)}.tf-login-clerk-identity-preview-text{color:var(--login-panel-heading)}.tf-login-clerk-error{color:var(--login-panel-danger)}@media (max-width:480px){.tf-login-clerk-card{padding:28px 24px 24px}}