body[data-template=modern] .modern-auth-card{background:var(--panel-bg);border:1px solid var(--panel-border);max-width:min(420px,100% - 32px);color:var(--fg);box-shadow:var(--panel-shadow);border-radius:24px;margin:48px auto;padding:28px 16px 24px}@media (min-width:768px){body[data-template=modern] .modern-auth-card{margin:64px auto}}body[data-template=modern] .modern-auth-card h1{text-align:center;color:var(--accent-strong);margin:0 0 8px;font-size:24px;font-weight:500}body[data-template=modern] .modern-auth-card-sub{text-align:center;color:var(--fg);margin:0 0 20px;font-size:14px}body[data-template=modern] .modern-auth-card-noscript{background:color-mix(in oklab, var(--danger) 14%, transparent);border:1px solid color-mix(in oklab, var(--danger) 40%, var(--border-strong));color:var(--danger-light);border-radius:8px;margin:0 0 16px;padding:12px;font-size:13px}body[data-template=modern] .modern-auth-card .login-form,body[data-template=modern] .modern-auth-card .login-form-success{background:0 0;border:0;border-radius:0;max-width:none;margin:0;padding:0}body[data-template=modern] .modern-auth-card .login-form{gap:24px}body[data-template=modern] .modern-auth-card .login-form-field{gap:8px}body[data-template=modern] .modern-auth-card .login-form-field label{text-transform:none;letter-spacing:normal;color:var(--fg);font-size:14px;font-weight:400}body[data-template=modern] .modern-auth-card .login-form-field input{background:var(--surface);border:1px solid var(--panel-border);height:48px;color:var(--fg);border-radius:12px;padding:9px 17px;font-size:14px}body[data-template=modern] .modern-auth-card .login-form-field input::placeholder{color:#6c757d}body[data-template=modern] .modern-auth-card .login-form-field input:focus{border-color:var(--accent);box-shadow:none;outline:none}body[data-template=modern] .modern-auth-card .login-form-field input[aria-invalid=true]{border-color:var(--danger)}body[data-template=modern] .modern-auth-card .login-form-field-error{color:var(--danger-light);font-size:12px}body[data-template=modern] .modern-auth-card .login-form-field-hint{color:var(--fg-dim);font-size:12px}body[data-template=modern] .modern-auth-card .login-form-error{background:color-mix(in oklab, var(--danger) 14%, transparent);border:1px solid color-mix(in oklab, var(--danger) 40%, var(--panel-border));color:var(--danger-light);border-radius:8px;padding:10px 12px;font-size:13px}body[data-template=modern] .modern-auth-card .login-form-submit{border:2px solid var(--panel-border);background:var(--panel-cta-bg);height:48px;color:var(--accent-fg);box-shadow:var(--panel-cta-shadow);border-radius:8px;padding:0 18px;font-size:16px;font-weight:500}body[data-template=modern] .modern-auth-card .login-form-submit:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}body[data-template=modern] .modern-auth-card .login-form-submit:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}body[data-template=modern] .modern-auth-card .login-form-link,body[data-template=modern] .modern-auth-card .login-form-success h3{color:var(--accent-strong)}body[data-template=modern][data-page=login] .nav-top-cta,body[data-template=modern][data-page=register] .nav-top-cta,body[data-template=modern][data-page=password-reset] .nav-top-cta,body[data-template=modern][data-page=forget-password] .nav-top-cta{display:none}body[data-template=modern] .modern-auth-noscript{z-index:40;background:color-mix(in oklab, var(--danger) 14%, transparent);border:1px solid color-mix(in oklab, var(--danger) 40%, var(--border-strong));color:var(--danger-light);text-align:center;border-radius:8px;padding:12px;font-size:13px;position:fixed;top:80px;left:16px;right:16px}@media (min-width:1024px){body[data-template=modern][data-page=login]:not([data-website-gif]),body[data-template=modern][data-page=register]:not([data-website-gif]),body[data-template=modern][data-page=forget-password]:not([data-website-gif]),body[data-template=modern][data-page=password-reset]:not([data-website-gif]){background-image:radial-gradient(ellipse 60% 80% at 0% 50%, color-mix(in oklab, var(--accent) 22%, transparent) 0%, transparent 70%), radial-gradient(ellipse 50% 70% at 100% 50%, color-mix(in oklab, var(--accent-2) 26%, transparent) 0%, transparent 70%);background-attachment:fixed}body[data-template=modern][data-page=login] .modern-auth-card,body[data-template=modern][data-page=register] .modern-auth-card,body[data-template=modern][data-page=forget-password] .modern-auth-card,body[data-template=modern][data-page=password-reset] .modern-auth-card{max-width:480px;margin:96px auto;padding:36px 28px 32px}}