body,html{height:100%}.signin-wrap{--brand:#8d2828;--brand-ink:#ffffff;--brand-10:color-mix(in oklab,var(--brand) 10%,#ffffff);--brand-18:color-mix(in oklab,var(--brand) 18%,#ffffff);--brand-stroke:color-mix(in oklab,var(--brand) 52%,#ffffff);--ring:color-mix(in oklab,var(--brand) 26%,transparent);--ink:#0f172a;--muted:#6b7280;--stroke:color-mix(in oklab,#0f172a 10%,#ffffff);--lg-blur:18px;--glass-tint:color-mix(in oklab,#ffffff 76%,var(--brand-10));--glass-tint-soft:color-mix(in oklab,#ffffff 84%,var(--brand-10));--glass-bg:color-mix(in oklab,var(--glass-tint) 100%,transparent);--glass-soft:color-mix(in oklab,var(--glass-tint-soft) 100%,transparent);--glass-stroke:color-mix(in oklab,var(--brand-stroke) 56%,#ffffff 44%);--shadow-lg:0 18px 48px rgba(15,23,42,.16);--shadow-md:0 12px 30px rgba(15,23,42,.12);--inset:inset 0 1px 0 rgba(255,255,255,.66),inset 0 -1px 0 rgba(0,0,0,.04);min-height:100dvh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(1200px 600px at 80% -10%,color-mix(in oklab,var(--brand) 22%,transparent),transparent 60%),radial-gradient(800px 480px at 10% 110%,color-mix(in oklab,var(--brand) 18%,transparent),transparent 60%),linear-gradient(180deg,#fafafa,#f3f4f6);color:var(--ink)}.signin-card{width:100%;max-width:420px;border-radius:18px;padding:24px 22px 22px;border:1px solid var(--glass-stroke);background:linear-gradient(180deg,color-mix(in oklab,var(--glass-bg) 92%,transparent),color-mix(in oklab,var(--glass-bg) 78%,transparent)),radial-gradient(900px 600px at 95% -10%,color-mix(in oklab,var(--brand) 8%,transparent),transparent 60%);-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(1.35);backdrop-filter:blur(var(--lg-blur)) saturate(1.35);box-shadow:var(--shadow-lg),var(--inset)}.signin-logo{display:grid;place-items:center;margin-bottom:10px}.signin-logo img{display:block;width:96px;height:96px;object-fit:contain;border-radius:14px;border:1px solid var(--glass-stroke);background:linear-gradient(180deg,color-mix(in oklab,#ffffff 98%,transparent),color-mix(in oklab,#ffffff 92%,transparent));-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 6px 18px rgba(17,24,39,.1),inset 0 1px 0 rgba(255,255,255,.6)}.signin-head{margin-bottom:16px;text-align:center}.signin-brand{font-size:14px;color:var(--muted);display:block;margin-bottom:4px}.signin-title{margin:4px 0;font-size:28px;font-weight:800;letter-spacing:.2px;color:var(--ink)}.signin-subtitle{margin:0;color:var(--muted)}.signin-error{margin:10px 0;padding:8px 10px;border-radius:12px;border:1px solid var(--glass-stroke);color:var(--brand);background:linear-gradient(180deg,color-mix(in oklab,#fff 88%,color-mix(in oklab,var(--brand) 8%,transparent)),color-mix(in oklab,#fff 82%,color-mix(in oklab,var(--brand) 6%,transparent)));-webkit-backdrop-filter:blur(10px) saturate(1.15);backdrop-filter:blur(10px) saturate(1.15);box-shadow:inset 0 8px 18px rgba(141,40,40,.1),0 8px 16px rgba(15,23,42,.06)}.signin-form{margin-top:10px}.signin-field{margin:12px 0}.signin-label{display:block;font-size:13px;color:#374151;margin-bottom:6px}.signin-input{width:100%;height:44px;border-radius:14px;border:1px solid var(--glass-stroke);background:linear-gradient(180deg,color-mix(in oklab,#ffffff 92%,transparent),color-mix(in oklab,#ffffff 84%,transparent));padding:0 12px;outline:none;color:var(--ink);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 10px 18px rgba(15,23,42,.06);transition:box-shadow .16s ease,border-color .14s ease,background .14s ease,transform .06s ease}.signin-input:focus{border-color:var(--brand-stroke);box-shadow:0 0 0 4px var(--ring),0 1px 0 rgba(255,255,255,.6) inset;background:linear-gradient(180deg,color-mix(in oklab,#ffffff 96%,transparent),color-mix(in oklab,#ffffff 88%,transparent))}.signin-input::placeholder{color:#9ca3af}.signin-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:14px;border:1px solid var(--brand-stroke);background:linear-gradient(180deg,color-mix(in oklab,#ffffff 10%,var(--brand)) 0,color-mix(in oklab,#000000 12%,var(--brand)) 100%);color:var(--brand-ink);font-weight:800;letter-spacing:.2px;cursor:pointer;-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25);box-shadow:0 12px 24px rgba(141,40,40,.28),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .06s ease,box-shadow .16s ease,opacity .18s ease,filter .14s ease,background .16s ease,border-color .14s ease}.signin-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(141,40,40,.34),inset 0 1px 0 rgba(255,255,255,.66)}.signin-btn:active{transform:translateY(0)}.signin-btn:disabled{opacity:.65;transform:none;box-shadow:none;cursor:default}.signin-btn:focus-visible,.signin-input:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring),0 1px 0 rgba(255,255,255,.6) inset;border-color:var(--brand-stroke)}@media (prefers-reduced-motion:reduce){.signin-btn,.signin-input{transition:none}}