.portal-login-atmosphere{--portal-login-font-display:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--portal-login-font-body:"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;--portal-login-accent:#2563eb;--portal-login-accent-soft:rgba(37,99,235,0.12);--portal-login-accent-glow:rgba(37,99,235,0.28);--portal-login-surface:rgba(255,255,255,0.82);--portal-login-surface-solid:#ffffff;--portal-login-border:rgba(255,255,255,0.65);--portal-login-shadow:0 24px 64px rgba(15,23,42,0.14);--portal-login-radius:24px;position:relative;min-height:100vh;box-sizing:border-box;padding:32px 20px 56px;overflow:hidden;font-family:var(--portal-login-font-body);color:#0f172a;background:radial-gradient(ellipse 80% 60% at 10% 0,var(--portal-login-accent-soft),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 20%,rgba(6,182,212,.1),transparent 50%),linear-gradient(165deg,#f0f7ff 0,#f8fafc 42%,#eef2ff 100%)}.portal-login-atmosphere__mesh{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 0);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 90% 80% at 50% 20%,#000 20%,transparent 75%);pointer-events:none}.portal-login-atmosphere__orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:portal-login-float 18s ease-in-out infinite}.portal-login-atmosphere__orb--a{width:420px;height:420px;top:-120px;left:-80px;background:var(--portal-login-accent-glow)}.portal-login-atmosphere__orb--b{width:320px;height:320px;top:18%;right:-60px;background:rgba(6,182,212,.22);animation-delay:-6s}.portal-login-atmosphere__orb--c{width:260px;height:260px;bottom:-40px;left:35%;background:rgba(245,158,11,.16);animation-delay:-12s}.portal-login-atmosphere__content{position:relative;z-index:1;max-width:1040px;margin:0 auto;animation:portal-login-rise .65s cubic-bezier(.22,1,.36,1) both}.portal-login-atmosphere--staff-admin{--portal-login-accent:#1e40af;--portal-login-accent-soft:rgba(30,64,175,0.14);--portal-login-accent-glow:rgba(30,64,175,0.3);background:radial-gradient(ellipse 80% 60% at 8% 0,rgba(30,64,175,.12),transparent 55%),radial-gradient(ellipse 60% 45% at 95% 15%,rgba(99,102,241,.1),transparent 50%),linear-gradient(165deg,#eff6ff,#f8fafc 50%,#e0e7ff)}.portal-login-atmosphere--staff-branch-teacher,.portal-login-atmosphere--staff-teacher{--portal-login-accent:#4338ca;--portal-login-accent-soft:rgba(67,56,202,0.14);--portal-login-accent-glow:rgba(99,102,241,0.32);background:radial-gradient(ellipse 80% 60% at 10% 0,rgba(67,56,202,.12),transparent 55%),radial-gradient(ellipse 65% 50% at 100% 25%,rgba(129,140,248,.12),transparent 50%),linear-gradient(165deg,#eef2ff,#f5f3ff 45%,#f8fafc)}.portal-login-atmosphere--staff-branch-admin{--portal-login-accent:#0f766e;--portal-login-accent-soft:rgba(15,118,110,0.14);--portal-login-accent-glow:rgba(20,184,166,0.28);background:radial-gradient(ellipse 80% 60% at 10% 0,rgba(15,118,110,.12),transparent 55%),radial-gradient(ellipse 65% 50% at 100% 20%,rgba(45,212,191,.1),transparent 50%),linear-gradient(165deg,#ecfdf5,#f0fdfa 45%,#f8fafc)}.portal-login-atmosphere--staff-parent{--portal-login-accent:#7c3aed;--portal-login-accent-soft:rgba(124,58,237,0.14);--portal-login-accent-glow:rgba(167,139,250,0.3);background:radial-gradient(ellipse 80% 60% at 10% 0,rgba(124,58,237,.1),transparent 55%),radial-gradient(ellipse 65% 50% at 100% 20%,rgba(216,180,254,.14),transparent 50%),linear-gradient(165deg,#faf5ff,#f5f3ff 45%,#f8fafc)}.portal-login-atmosphere--student-primary{--portal-login-accent:#ea580c;--portal-login-accent-soft:rgba(234,88,12,0.14);--portal-login-accent-glow:rgba(249,115,22,0.28);background:radial-gradient(ellipse 80% 60% at 10% 0,rgba(234,88,12,.1),transparent 55%),radial-gradient(ellipse 65% 50% at 100% 20%,rgba(251,191,36,.12),transparent 50%),linear-gradient(165deg,#fffbeb,#fffef7 45%,#f8fafc)}.portal-login-atmosphere--student-junior{--portal-login-accent:#2563eb;--portal-login-accent-soft:rgba(37,99,235,0.14);--portal-login-accent-glow:rgba(37,99,235,0.28)}.portal-login-atmosphere--homepage{--portal-login-accent:#2563eb;padding-top:0;padding-bottom:64px}.portal-login-split{display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch}.portal-login-split__intro{padding:36px 32px;border-radius:var(--portal-login-radius);background:var(--portal-login-surface);border:1px solid var(--portal-login-border);box-shadow:var(--portal-login-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;animation:portal-login-rise .7s cubic-bezier(.22,1,.36,1) .08s both}.portal-login-split__intro-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 14px;border-radius:999px;font-size:.8125rem;font-weight:700;letter-spacing:.02em;color:var(--portal-login-accent);background:var(--portal-login-accent-soft);border:1px solid rgba(255,255,255,.8);margin:0 0 16px}.portal-login-split__intro-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--portal-login-accent);box-shadow:0 0 0 4px var(--portal-login-accent-soft)}.portal-login-split__intro-title{font-family:var(--portal-login-font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;line-height:1.15;margin:0 0 12px;color:#0f172a}.portal-login-split__intro-tagline{margin:0 0 24px;font-size:1.0625rem;line-height:1.65;color:#475569}.portal-login-split__intro-list{margin:0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.portal-login-split__intro-list li{display:flex;align-items:flex-start;gap:12px;font-size:.944rem;line-height:1.5;color:#334155}.portal-login-split__intro-list li:before{content:"";flex-shrink:0;width:22px;height:22px;margin-top:1px;border-radius:8px;background:linear-gradient(135deg,var(--portal-login-accent),color-mix(in srgb,var(--portal-login-accent) 70%,#06b6d4));mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 16.5 4 11l1.4-1.4 4.1 4.1 8.1-8.1L19 7z'/%3E%3C/svg%3E");mask-size:14px;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.5 16.5 4 11l1.4-1.4 4.1 4.1 8.1-8.1L19 7z'/%3E%3C/svg%3E");-webkit-mask-size:14px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.portal-login-split__form{animation:portal-login-rise .7s cubic-bezier(.22,1,.36,1) .16s both}.portal-login-card{padding:32px 28px;border-radius:var(--portal-login-radius);background:var(--portal-login-surface-solid);border:1px solid rgba(226,232,240,.9);box-shadow:var(--portal-login-shadow)}.portal-login-card__eyebrow{font-size:.8125rem;font-weight:700;color:var(--portal-login-accent);margin:0 0 6px;letter-spacing:.04em}.portal-login-card__title{font-family:var(--portal-login-font-display);font-size:1.5rem;font-weight:800;margin:0 0 6px;color:#0f172a}.portal-login-card__subtitle{margin:0 0 24px;font-size:.944rem;color:#64748b;line-height:1.5}.portal-login-form{display:grid;grid-gap:16px;gap:16px}.portal-login-form .admin-form-field,.portal-login-form .portal-login-field{margin:0}.portal-login-form .admin-form-label,.portal-login-form .portal-login-field label{display:block;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:8px}.portal-login-form .admin-form-input,.portal-login-form .portal-login-field input,.portal-login-form input[type=password],.portal-login-form input[type=text]{width:100%;box-sizing:border-box;font:inherit;font-size:1rem;padding:14px 16px;min-height:48px;border-radius:14px;border:1.5px solid #e2e8f0;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.portal-login-form .admin-form-input:focus,.portal-login-form .portal-login-field input:focus,.portal-login-form input:focus{outline:none;border-color:var(--portal-login-accent);background:#fff;box-shadow:0 0 0 4px var(--portal-login-accent-soft)}.portal-login-form__hint{margin:0;font-size:.875rem;color:#64748b;line-height:1.5}.portal-login-form__actions{display:grid;grid-gap:12px;gap:12px;margin-top:4px}.portal-login-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 20px;border:0;border-radius:999px;font:inherit;font-size:1rem;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--portal-login-accent),color-mix(in srgb,var(--portal-login-accent) 75%,#06b6d4));box-shadow:0 8px 24px var(--portal-login-accent-glow);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.portal-login-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 28px var(--portal-login-accent-glow)}.portal-login-btn:active:not(:disabled){transform:translateY(0)}.portal-login-btn:disabled{opacity:.65;cursor:not-allowed}.portal-login-btn--ghost{color:var(--portal-login-accent);background:transparent;border:1.5px solid color-mix(in srgb,var(--portal-login-accent) 35%,#e2e8f0);box-shadow:none}.portal-login-btn--ghost:hover:not(:disabled){background:var(--portal-login-accent-soft);box-shadow:none}.portal-login-alert{padding:12px 14px;border-radius:14px;font-size:.875rem;line-height:1.45}.portal-login-alert--warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.portal-login-alert--error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.portal-login-alert--info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.portal-login-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;font-size:.875rem;font-weight:600;color:#64748b;text-decoration:none;transition:color .15s ease}.portal-login-back:hover{color:var(--portal-login-accent)}.portal-login-legal-footer{margin-top:28px;padding-bottom:8px;text-align:center;font-size:12px;color:#64748b}.portal-login-legal-footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}.portal-login-legal-footer a:hover{color:var(--portal-login-accent)}.hybrid-staff-auth-gate.portal-login-staff{min-height:auto;padding:0;background:transparent}.hybrid-staff-auth-gate.portal-login-staff .product-page{padding:0;background:transparent}.hybrid-staff-auth-gate.portal-login-staff .product-page-header{display:none}.hybrid-staff-auth-gate.portal-login-staff .product-card{border:0;box-shadow:none;padding:0;background:transparent}.hybrid-staff-auth-gate.portal-login-staff .product-card>h2,.hybrid-staff-auth-gate.portal-login-staff .product-card__title{display:none}.hybrid-staff-auth-gate.portal-login-staff .btn.product-btn{width:100%;min-height:48px;border-radius:999px;font-weight:700;border:0;background:linear-gradient(135deg,var(--portal-login-accent),color-mix(in srgb,var(--portal-login-accent) 75%,#06b6d4));box-shadow:0 8px 24px var(--portal-login-accent-glow)}.student-portal-c3--auth-product.portal-login-student{max-width:none;margin:0;padding:0}.student-portal-c3--auth-product.portal-login-student .student-portal-c3__intro-card,.student-portal-c3--auth-product.portal-login-student .student-portal-c3__login-card{border-radius:var(--portal-login-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.student-portal-c3--auth-product.portal-login-student .student-portal-c3__intro-title{font-family:var(--portal-login-font-display)}.student-portal-c3--auth-product.portal-login-student .student-portal-c3__login-card{box-shadow:var(--portal-login-shadow)}@keyframes portal-login-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-login-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-16px) scale(1.04)}}@media (max-width:860px){.portal-login-split{grid-template-columns:1fr}.portal-login-split__intro{padding:28px 24px}.portal-login-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){.portal-login-atmosphere__content,.portal-login-atmosphere__orb,.portal-login-split__form,.portal-login-split__intro{animation:none}.portal-login-btn{transition:none}}