:root{--lp-deep: #03263f;--lp-mid: #0f5b76;--lp-accent: #f59e0b;--lp-soft: #eef6ff;--lp-text: #0f172a}.login-page{min-height:100vh;position:relative;overflow:hidden;padding:18px 14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#02263f7a,#0f5b766b),linear-gradient(140deg,#dff0ff,#d9f8e9,#edf7ff);font-family:Segoe UI,Tahoma,Trebuchet MS,sans-serif}.login-page:before{content:"";position:absolute;inset:0;background:linear-gradient(#082f497a,#082f498f),url(/build/assets/Writing-room-bro-BMPcABwa.svg) center 58% / 70% auto no-repeat;opacity:.72;z-index:0}.login-page:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 14%,#38bdf840,#38bdf800),radial-gradient(circle at 86% 86%,#f59e0b33,#f59e0b00);z-index:0}.login-ambient{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.login-ambient--one{width:380px;height:380px;top:-90px;left:-80px;background:radial-gradient(circle,#0ea5e952,#0ea5e900)}.login-ambient--two{width:460px;height:460px;right:-140px;bottom:-180px;background:radial-gradient(circle,#f59e0b42,#f59e0b00)}.login-shell{position:relative;z-index:1;width:min(100%,820px);display:grid;grid-template-columns:1.15fr .85fr;gap:16px;border-radius:22px;padding:12px;overflow:hidden;background:#ffffffeb;border:1px solid rgba(255,255,255,.95);box-shadow:0 20px 42px #02263f57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-shell:before{content:"";position:absolute;inset:8px;border-radius:16px;border:1px dashed rgba(14,165,233,.35);pointer-events:none}.login-shell:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at left top,rgba(14,165,233,.22) 0 14px,transparent 15px),radial-gradient(circle at right top,rgba(245,158,11,.2) 0 14px,transparent 15px),radial-gradient(circle at left bottom,rgba(16,185,129,.2) 0 14px,transparent 15px),radial-gradient(circle at right bottom,rgba(59,130,246,.22) 0 14px,transparent 15px);pointer-events:none}.login-hero{color:#fff;border-radius:16px;padding:15px 14px 14px;background:radial-gradient(circle at 12% 12%,#38bdf847,#38bdf800),radial-gradient(circle at 86% 86%,#f59e0b47,#f59e0b00),linear-gradient(140deg,var(--lp-deep),var(--lp-mid));position:relative;overflow:hidden}.hero-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-pill{display:inline-flex;border-radius:999px;padding:7px 12px;background:#ffffff29;color:#dbeafe;font-size:12px;font-weight:700;letter-spacing:.35px;text-transform:uppercase}.hero-domain{font-size:12px;font-weight:600;color:#c7f9ff;background:#03263f59;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 10px;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-hero h1{margin:8px 0 0;font-size:clamp(1.28rem,2.1vw,1.9rem);line-height:1.02;letter-spacing:-.02em}.login-hero p{margin:10px 0 0;color:#e0f2fe;max-width:570px;font-size:.92rem;line-height:1.45}.hero-visual{margin-top:10px;border-radius:18px;min-height:118px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px}.hero-visual-main{width:min(78%,330px);z-index:2}.hero-visual-accent{position:absolute;width:min(36%,150px);right:6px;bottom:-2px;z-index:3;opacity:.94;filter:drop-shadow(0 8px 12px rgba(3,38,63,.3))}.hero-orbit{position:absolute;width:170px;height:170px;left:-58px;top:-40px;opacity:.85;animation:slowSpin 24s linear infinite}.hero-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.hero-list li{position:relative;padding-left:30px;color:#ecfeff;font-size:.86rem}.hero-list li:before{content:"";position:absolute;top:6px;left:0;width:14px;height:14px;border-radius:3px;background:linear-gradient(180deg,#facc15,#fb923c);box-shadow:inset 0 0 0 2px #ffffffe6}.login-card{position:relative;isolation:isolate;border-radius:16px;background:linear-gradient(180deg,#fff,#f6faff);border:1px solid #dbe9ff;padding:14px 12px 10px;color:var(--lp-text);box-shadow:0 14px 34px #02263f1f;clip-path:polygon(0 10px,8px 0,calc(100% - 11px) 0,100% 10px,100% calc(100% - 11px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px))}.login-card:before{content:"";position:absolute;inset:6px;border-radius:12px;border:1px dashed rgba(14,165,233,.35);pointer-events:none;z-index:-1}.login-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(14,165,233,.2) 0 8px,transparent 8px 13px) top/100% 2px no-repeat,repeating-linear-gradient(90deg,rgba(245,158,11,.18) 0 8px,transparent 8px 13px) bottom/100% 2px no-repeat,repeating-linear-gradient(0deg,rgba(16,185,129,.18) 0 8px,transparent 8px 13px) left/2px 100% no-repeat,repeating-linear-gradient(0deg,rgba(59,130,246,.2) 0 8px,transparent 8px 13px) right/2px 100% no-repeat;pointer-events:none;z-index:-1}.login-brand{display:grid;gap:10px}.login-mark{width:100%;min-height:194px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #bfdbfe;padding:6px 10px}.login-mark img{width:100%;height:auto;max-width:100%;max-height:162px;object-fit:contain;background:#fff;padding:0}.login-brand-copy{display:grid;gap:3px}.login-card h2{margin:0;color:#0b3b66;font-size:1.2rem;line-height:1.1}.login-school-name{margin:3px 0 0;color:#0369a1;font-size:.9rem;font-weight:700}.login-subtitle{margin:8px 0 10px;color:#475569;font-size:.86rem}.login-form{display:grid;gap:8px}.login-form label{color:#1e293b;font-weight:700;font-size:.82rem}.login-form input{width:100%;box-sizing:border-box;border:1px solid #bfdbfe;border-radius:12px;padding:9px 11px;font-size:.9rem;background:#fff;color:#0f172a;transition:border-color .18s ease,box-shadow .18s ease}.login-form input::placeholder{color:#94a3b8}.login-form input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e926}.login-btn{margin-top:6px;border:0;border-radius:12px;padding:10px 12px;width:100%;font-size:.9rem;font-weight:800;letter-spacing:.2px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb 42%,#0f766e);box-shadow:0 12px 24px #2563eb47;transition:transform .18s ease,filter .18s ease}.login-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.login-btn:disabled{opacity:.75;cursor:not-allowed;transform:none}.login-help{margin:10px 2px 2px;font-size:.78rem;color:#64748b}.login-help a{color:#0369a1;font-weight:700;text-decoration:none}.login-help a:hover{text-decoration:underline}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:980px){.login-shell{grid-template-columns:1fr;padding:16px;gap:14px}.login-page{padding:10px}.login-hero{padding:18px 16px}.hero-visual{min-height:150px}.hero-visual-accent{width:108px;right:0;bottom:2px}.hero-orbit{width:170px;height:170px;left:-48px;top:-44px}}@media(max-width:560px){.login-page:before{background:linear-gradient(#082f4985,#082f4999),url(/build/assets/Writing-room-bro-BMPcABwa.svg) center 58% / 70% auto no-repeat}.hero-meta{flex-direction:column;align-items:flex-start}.hero-domain{max-width:100%}.login-card{padding:18px 14px 14px}}.login-page--compact .login-shell{width:min(100%,700px);gap:12px}.login-page--compact .login-hero{padding:12px}.login-page--compact .login-hero h1{font-size:clamp(1.08rem,1.8vw,1.5rem)}.login-page--compact .hero-visual{min-height:104px}.login-page--compact .login-card{padding:12px 10px 9px}.login-page--compact .login-mark{min-height:167px}.login-page--compact .login-mark img{max-height:140px}.login-page--compact .login-subtitle{margin:6px 0 8px}.home-page{--home-navy: #081a36;--home-blue: #0e4f8a;--home-cyan: #0ea5a5;--home-amber: #f59e0b;--home-ink: #0b1f3b;--home-soft: #e8f2ff;--home-card: rgba(255, 255, 255, .88);min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(14,165,165,.18),transparent 40%),radial-gradient(circle at 90% 90%,rgba(245,158,11,.2),transparent 42%),linear-gradient(155deg,#f7fbff,#ecf6ff 45%,#e8f6f1);color:var(--home-ink);font-family:Trebuchet MS,Segoe UI,Verdana,sans-serif}.home-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8fcffdb;border-bottom:1px solid rgba(14,79,138,.16)}.home-brand{display:flex;align-items:center;gap:12px}.home-brand-logo{width:clamp(150px,24vw,220px);height:auto;border-radius:10px;border:1px solid rgba(14,79,138,.18);box-shadow:0 10px 20px #081a362e;background:#fff;display:block}.home-brand-name{margin:0;font-weight:900;color:var(--home-navy);font-size:1.16rem;line-height:1.12}.home-brand-sub{margin:2px 0 0;color:#48617f;font-size:.93rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.home-login-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 16px;background:linear-gradient(135deg,#0f6abd,#0ea5a5);color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 22px #0e4f8a33}.home-main{max-width:1180px;margin:0 auto;padding:22px 16px 30px;display:grid;gap:18px}.home-hero,.home-section{background:var(--home-card);border-radius:18px;border:1px solid rgba(8,26,54,.1);box-shadow:0 18px 35px #081a361a;overflow:hidden;animation:riseIn .42s ease both}.home-hero{display:grid;grid-template-columns:1.15fr .85fr}.home-hero-copy{padding:28px 24px}.home-kicker{margin:0;display:inline-flex;align-items:center;border-radius:999px;padding:6px 12px;background:#0ea5a529;color:#0f5f66;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}.home-hero-copy h1{margin:14px 0 10px;color:#071d39;font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.home-hero-copy p{margin:0;color:#2f4665;max-width:620px}.home-hero-badges{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.home-hero-badges span{border-radius:999px;padding:6px 12px;background:#f0f9ff;border:1px solid #bae6fd;color:#075985;font-weight:700;font-size:.78rem}.home-hero-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.home-hero-actions a{border-radius:10px;padding:10px 14px;text-decoration:none;font-weight:700}.home-hero-actions a:first-child{background:linear-gradient(130deg,#0f6abd,#0ea5a5);color:#fff}.home-hero-actions a:last-child{background:#fff;color:#0f6abd;border:1px solid #93c5fd}.home-hero-visual{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 84% 20%,rgba(56,189,248,.2),transparent 45%),linear-gradient(140deg,#0a2548,#0e4f8a 62%,#0ea5a5)}.home-hero-visual img{width:min(90%,440px);filter:drop-shadow(0 20px 24px rgba(2,20,41,.28))}.home-section{padding:20px 18px}.home-section-head h2{margin:0;color:#082140;font-size:clamp(1.25rem,3vw,1.9rem)}.home-section-head p{margin:6px 0 0;color:#4b5f79}.home-feature-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.home-feature-card{border-radius:12px;border:1px solid #d8e9ff;background:linear-gradient(180deg,#fff,#f4f9ff);padding:12px 11px;font-size:.9rem;color:#20344f}.home-pricing-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.home-pricing-grid article{border-radius:14px;padding:16px 14px;background:linear-gradient(165deg,#fff,#edf7ff);border:1px solid #cde6ff}.home-pricing-grid h3{margin:0;color:#0f3864}.home-price{margin:10px 0 2px;font-size:2rem;font-weight:800;color:#0e4f8a}.home-value-wrap{margin-top:2px;display:grid;grid-template-columns:1fr .9fr;gap:8px;align-items:center}.home-value-wrap ul{margin:0;padding-left:20px;color:#26415f;font-size:1rem;display:grid;gap:6px}.home-section--value .home-section-head h2{font-size:clamp(1.38rem,3.2vw,2rem)}.home-section--value .home-section-head p{margin-top:2px;font-size:1rem}.home-value-wrap img{width:min(100%,520px);justify-self:center;border-radius:10px;border:1px solid #cfe6ff;box-shadow:0 12px 28px #01152c38}.home-contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;align-items:center}.home-contact img{width:min(100%,420px);justify-self:center}.home-contact h2{margin:0;color:#082140;font-size:clamp(1.35rem,3vw,2rem)}.home-contact-copy{display:grid;gap:10px}.home-contact p{color:#3a5170;margin:0}.home-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:10px}.home-contact-card{display:grid;gap:2px;border-radius:12px;padding:10px 12px;text-decoration:none;border:1px solid #cde1fa;background:linear-gradient(180deg,#fff,#f0f7ff);transition:transform .15s ease,box-shadow .15s ease}.home-contact-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0e4f8a29}.home-contact-phone{font-weight:800;color:#0f3864;letter-spacing:.2px}.home-contact-state{color:#355477;font-size:.9rem}.home-contact-actions{display:flex;flex-wrap:wrap;gap:10px}.home-contact-actions a{border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none}.home-contact-actions a:first-child{background:#fff;color:#0f6abd;border:1px solid #93c5fd;word-break:break-word}.home-contact-actions a:last-child{background:#0f6abd;color:#fff}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.home-main{padding:14px 10px 24px;gap:12px}.home-hero,.home-value-wrap,.home-contact,.home-contact-grid{grid-template-columns:1fr}}@media(max-width:560px){.home-nav{padding:12px 10px;align-items:flex-start}.home-brand-logo{width:122px}.home-brand-name{font-size:.95rem}.home-brand-sub{font-size:.8rem}.home-login-btn{padding:9px 12px;font-size:.85rem}.home-hero-copy{padding:16px 12px}.home-section{padding:14px 12px}}.school-dashboard{display:grid;gap:16px;color:#0f172a;font-family:Poppins,Segoe UI,Tahoma,sans-serif}.sd-card{border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 10px 24px #0f172a12}.sd-hero{padding:20px;display:grid;gap:14px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.9fr);background:linear-gradient(135deg,#ecf6ff,#f4fcfa)}.sd-hero__content h1{margin:0;font-size:clamp(1.35rem,3.2vw,2rem);line-height:1.15;color:#0b3a63}.sd-kicker{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#0f766e;font-weight:700}.sd-subtext{margin:12px 0 0;color:#334155;max-width:680px}.sd-hero__visual{display:flex;justify-content:center;align-items:center}.sd-hero__visual img{width:min(100%,320px);height:auto}.sd-tags{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.sd-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#2563eb;color:#fff}.sd-tag--soft{background:#dbeafe;color:#1e3a8a}.sd-main-features,.sd-population,.sd-branding{padding:16px}.sd-section-head h2{margin:0;font-size:1.05rem;color:#0f172a}.sd-section-head p{margin:6px 0 0;color:#64748b;font-size:14px}.sd-features-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.sd-feature-card{border:1px solid #dbe3ef;border-radius:12px;padding:12px;background:#f8fbff;display:flex;align-items:center;gap:10px}.sd-feature-card img{width:84px;height:84px;object-fit:contain;flex-shrink:0}.sd-feature-card h3{margin:0;font-size:1rem;color:#0b3a63}.sd-feature-card p{margin:6px 0 0;font-size:13px;color:#475569}.sd-population-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.sd-population-item{border:1px solid #e2e8f0;border-radius:10px;padding:12px;background:#fff}.sd-population-item p{margin:0;color:#64748b;font-size:13px}.sd-population-item h3{margin:8px 0 0;font-size:1.4rem;color:#0f172a}.sd-note{margin:10px 0 0;color:#475569;font-size:13px}.sd-branding{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)}.sd-branding__art{display:flex;align-items:center;justify-content:center;border:1px dashed #cbd5e1;border-radius:12px;background:#f8fbff;padding:12px}.sd-branding__art img{width:min(100%,320px);height:auto}.sd-field-grid{margin-top:14px;display:grid;gap:12px}.sd-field label{display:block;margin-bottom:6px;font-size:13px;color:#334155;font-weight:700}.sd-field input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px;color:#0f172a;background:#fff}.sd-upload-box{border:1px dashed #cbd5e1;border-radius:10px;padding:10px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sd-upload-box button,.sd-actions button{border:0;border-radius:10px;padding:10px 14px;color:#fff;background:linear-gradient(125deg,#0d6efd,#0f766e);font-weight:700;cursor:pointer}.sd-upload-box button:disabled,.sd-actions button:disabled{opacity:.75;cursor:not-allowed}.sd-preview{width:96px;height:64px;object-fit:contain;border:1px solid #d1d5db;border-radius:8px;background:#fff}.sd-empty{color:#64748b;font-size:13px}.sd-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.sd-actions__alt{background:linear-gradient(125deg,#0f172a,#1d4ed8)!important}.sd-modal-backdrop{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1100;padding:18px}.sd-modal-card{width:min(760px,100%);border-radius:14px;border:1px solid #dbe3ef;background:#fff;box-shadow:0 24px 44px #0f172a3d;padding:16px}.sd-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sd-modal-head h3{margin:0;color:#0b3a63}.sd-modal-close{border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;border-radius:8px;padding:8px 12px;font-weight:600;cursor:pointer}.sd-modal-help{margin:10px 0 0;color:#475569;font-size:13px}.sd-exam-grid{margin-top:12px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.sd-exam-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;color:#1e293b;font-size:13px;font-weight:600}.sd-dept-box{border:1px dashed #cbd5e1;border-radius:10px;padding:10px;background:#f8fafc}.sd-dept-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.sd-dept-add button{border:0;border-radius:10px;padding:10px 14px;color:#fff;background:linear-gradient(125deg,#0d6efd,#0f766e);font-weight:700;cursor:pointer}.sd-dept-add button:disabled{opacity:.75;cursor:not-allowed}.sd-dept-tags{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.sd-dept-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.sd-dept-tag-btn{border:0;border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:2px 8px;font-size:11px;font-weight:700;cursor:pointer}.sd-dept-tag-btn--danger{background:#fee2e2;color:#b91c1c}.sd-dept-tag-btn:disabled{opacity:.65;cursor:not-allowed}@media(max-width:1100px){.sd-branding,.sd-hero{grid-template-columns:1fr}}@media(max-width:700px){.sd-hero,.sd-main-features,.sd-population,.sd-branding{padding:14px}.sd-feature-card{align-items:flex-start}.sd-feature-card img{width:72px;height:72px}}.class-template-page{display:grid;gap:14px}.class-template-top{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.class-template-top h2{margin:0}.class-template-top p{margin:6px 0 0;color:#475569}.class-template-back{border:1px solid #cbd5e1;background:#fff;color:#0f172a;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600}.class-template-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.class-template-card{border:1px solid #dbe3ef;border-radius:12px;background:#fff;padding:12px}.class-template-card-head{display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr);align-items:center}.class-template-check{display:flex;align-items:center;gap:6px;font-size:13px;color:#334155;font-weight:600}.class-template-card-head input[type=text]{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;font-size:14px}.class-template-fields{margin-top:10px;display:grid;gap:8px}.class-template-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.class-template-fields input{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;font-size:14px}.class-template-fields input:disabled{background:#f8fafc;color:#64748b}.class-template-hint{margin:10px 0 0;font-size:12px;color:#475569}.class-template-actions{display:flex;justify-content:flex-start}.class-template-actions button{border:0;border-radius:10px;padding:10px 14px;color:#fff;background:linear-gradient(125deg,#0d6efd,#0f766e);font-weight:700;cursor:pointer}.class-template-actions button:disabled{opacity:.75;cursor:not-allowed}.payx-page{border-radius:24px;padding:20px;box-shadow:0 24px 42px #0f172a38}.payx-page--student{background:radial-gradient(circle at 14% 10%,rgba(245,158,11,.28),transparent 42%),radial-gradient(circle at 88% 84%,rgba(16,185,129,.24),transparent 50%),linear-gradient(135deg,#0f3d59,#155e75 52%,#0f766e)}.payx-page--admin{background:radial-gradient(circle at 14% 10%,rgba(244,114,182,.26),transparent 42%),radial-gradient(circle at 88% 84%,rgba(59,130,246,.24),transparent 50%),linear-gradient(135deg,#312e81,#1d4ed8 52%,#0f172a)}.payx-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:16px}.payx-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#1e293b;background:linear-gradient(130deg,#fde68a,#fff)}.payx-title{margin:10px 0 6px;color:#f8fafc;line-height:1.06;font-size:clamp(1.35rem,2.1vw,2rem)}.payx-subtitle{margin:0;color:#dbeafe;line-height:1.5;max-width:58ch}.payx-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.payx-meta span{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#0f172a;background:#ffffffe6}.payx-hero-art{position:relative;min-height:220px}.payx-art{position:absolute;border-radius:16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 24px #0f172a33;padding:10px;display:flex;align-items:center;justify-content:center}.payx-art img{width:100%;height:100%;object-fit:contain}.payx-art--main{inset:12px 60px 20px 0}.payx-art--card{width:44%;height:40%;right:0;top:6px;background:linear-gradient(160deg,#fff7ed,#e0f2fe)}.payx-art--online{width:40%;height:38%;right:14px;bottom:0;background:linear-gradient(160deg,#f0f9ff,#fce7f3)}.payx-panel{margin-top:18px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(255,255,255,.62);padding:14px}.payx-state{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.payx-state--loading{color:#1d4ed8;background:#eff6ff}.payx-state--error{color:#b91c1c;background:#fef2f2}.payx-state--warn{color:#9a3412;background:#fff7ed}.payx-state--ok{color:#166534;background:#dcfce7}.payx-grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.payx-card{border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px}.payx-card h3{margin:0 0 10px;color:#0f172a}.payx-kv{display:grid;gap:8px}.payx-row{display:grid;grid-template-columns:170px 1fr;gap:10px}.payx-label{color:#64748b;font-size:13px;font-weight:600}.payx-value{color:#0f172a;font-size:14px;font-weight:600;word-break:break-word}.payx-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.payx-input,.payx-select{border:1px solid #cbd5e1;border-radius:10px;padding:9px 11px;font-size:14px;color:#0f172a;background:#fff}.payx-input:focus,.payx-select:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.payx-btn{border:none;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;color:#082f49;background:linear-gradient(130deg,#22d3ee,#fcd34d 95%);width:fit-content;cursor:pointer}.payx-btn:hover{filter:brightness(1.03)}.payx-btn:disabled{opacity:.65;cursor:not-allowed}.payx-btn--soft{color:#1e293b;background:linear-gradient(130deg,#e2e8f0,#f8fafc)}.payx-fee-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px}.payx-table-wrap{margin-top:12px;overflow-x:auto}.payx-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff;border:1px solid #dbeafe;border-radius:12px;overflow:hidden}.payx-table thead th{background:#f1f5f9;color:#0f172a;font-size:13px;text-align:left;padding:10px;border-bottom:1px solid #dbeafe}.payx-table tbody td{padding:10px;border-bottom:1px solid #edf2f7;color:#1f2937;font-size:13px}.payx-table tbody tr:last-child td{border-bottom:none}.payx-table tbody tr:nth-child(odd){background:#f8fafc}.payx-small{display:block;margin-top:8px;color:#64748b;font-size:12px}@media(max-width:980px){.payx-hero,.payx-grid-2{grid-template-columns:1fr}}@media(max-width:640px){.payx-page{padding:14px;border-radius:16px}.payx-panel{padding:10px}.payx-row{grid-template-columns:1fr;gap:2px}.payx-hero-art{min-height:200px}.payx-art--main{inset:8px 46px 14px 0}}.student-result-page{display:grid;gap:16px}.student-result-card{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:14px}.student-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.student-result-field{display:grid;gap:6px}.student-result-field label{font-size:13px;color:#1e3a8a;font-weight:600}.student-result-field input,.student-result-field select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-size:14px}.student-result-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.student-result-actions button{border:none;border-radius:8px;padding:10px 16px;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}.student-result-actions button.secondary{background:#0f766e}.student-result-actions button.tertiary{background:#334155}.student-result-actions button:disabled{cursor:not-allowed;opacity:.6}.student-result-error{color:#b91c1c;margin:10px 0 0}.student-result-message{color:#1f2937;margin:10px 0 0}.student-result-meta{background:#eff6ff;border-radius:10px;border:1px solid #bfdbfe;padding:12px 14px}.student-result-meta p{margin:4px 0}.student-result-entry{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:14px}.student-result-entry-head h3{margin:0;color:#0f172a}.student-result-entry-head p{margin:6px 0 0;color:#334155;font-size:13px}.student-result-table-wrap{width:100%;overflow-x:auto;margin-top:10px}.student-result-table-wrap table{width:100%;border-collapse:collapse;min-width:860px}.student-result-table-wrap th,.student-result-table-wrap td{border:1px solid #e2e8f0;padding:8px 10px;font-size:13px}.student-result-table-wrap th{background:#f8fafc;text-align:left}.broadsheet-page{display:grid;gap:16px}.broadsheet-card{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:14px}.broadsheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.broadsheet-field{display:grid;gap:6px}.broadsheet-field label{font-size:13px;color:#1e3a8a;font-weight:600}.broadsheet-field select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-size:14px}.broadsheet-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.broadsheet-actions button{border:none;border-radius:8px;padding:10px 16px;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}.broadsheet-actions button.secondary{background:#0f766e}.broadsheet-actions button.tertiary{background:#334155}.broadsheet-actions button:disabled{cursor:not-allowed;opacity:.6}.broadsheet-meta{margin:12px 0 0;font-size:13px;color:#334155}.broadsheet-error{margin:10px 0 0;color:#b91c1c}.broadsheet-message{margin:10px 0 0;color:#1f2937}.broadsheet-table-wrap{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:10px;overflow-x:auto}.broadsheet-table{width:100%;border-collapse:collapse;min-width:900px}.broadsheet-table th,.broadsheet-table td{border:1px solid #e2e8f0;padding:7px 8px;font-size:12px;text-align:center}.broadsheet-table th{background:#f8fafc;white-space:nowrap}.broadsheet-table td:nth-child(2),.broadsheet-table td:nth-child(3){text-align:left}.transcript-page{display:grid;gap:16px}.transcript-card{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:14px}.transcript-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.transcript-field{display:grid;gap:6px}.transcript-field label{font-size:13px;color:#1e3a8a;font-weight:600}.transcript-field input,.transcript-field select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-size:14px}.transcript-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.transcript-actions button{border:none;border-radius:8px;padding:10px 16px;background:#2563eb;color:#fff;cursor:pointer;font-weight:600}.transcript-actions button.secondary{background:#0f766e}.transcript-actions button:disabled{cursor:not-allowed;opacity:.6}.transcript-error{color:#b91c1c;margin:10px 0 0}.transcript-message{color:#1f2937;margin:10px 0 0}.transcript-meta{background:#eff6ff;border-radius:10px;border:1px solid #bfdbfe;padding:12px 14px}.transcript-meta p{margin:4px 0}.transcript-entry{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:14px}.transcript-session-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.transcript-entry-head h3{margin:0;color:#0f172a;font-size:15px}.transcript-entry-head p{margin:6px 0 0;color:#334155;font-size:13px}.transcript-table-wrap{width:100%;overflow-x:auto;margin-top:10px}.transcript-table-wrap table{width:100%;border-collapse:collapse;min-width:560px}.transcript-table-wrap th,.transcript-table-wrap td{border:1px solid #e2e8f0;padding:7px 8px;font-size:12px}.transcript-table-wrap th{background:#f8fafc;text-align:left}@media(max-width:1200px){.transcript-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.transcript-session-grid{grid-template-columns:1fr}}.pf-page{border-radius:24px;padding:20px;box-shadow:0 24px 42px #0f172a33}.pf-page--student{background:radial-gradient(circle at 14% 10%,rgba(251,191,36,.28),transparent 42%),radial-gradient(circle at 88% 84%,rgba(34,197,94,.24),transparent 50%),linear-gradient(135deg,#0f3b53,#155e75 52%,#0f766e)}.pf-page--staff{background:radial-gradient(circle at 14% 10%,rgba(248,113,113,.26),transparent 42%),radial-gradient(circle at 88% 84%,rgba(59,130,246,.26),transparent 50%),linear-gradient(135deg,#132a56,#1d4ed8 54%,#334155)}.pf-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:16px}.pf-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#1e293b;background:linear-gradient(130deg,#fde68a,#fff)}.pf-title{margin:10px 0 6px;color:#f8fafc;line-height:1.06;font-size:clamp(1.35rem,2.1vw,2rem)}.pf-subtitle{margin:0;color:#dbeafe;line-height:1.5;max-width:58ch}.pf-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.pf-meta span{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#0f172a;background:#ffffffe6}.pf-hero-art{position:relative;min-height:220px}.pf-art{position:absolute;border-radius:16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 24px #0f172a33;padding:10px;display:flex;align-items:center;justify-content:center}.pf-art img{width:100%;height:100%;object-fit:contain}.pf-art--main{inset:12px 62px 20px 0}.pf-art--alt{width:44%;height:42%;right:0;top:6px;background:linear-gradient(160deg,#fff7ed,#e0f2fe)}.pf-panel{margin-top:18px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(255,255,255,.62);padding:14px}.pf-state{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.pf-state--loading{color:#1d4ed8;background:#eff6ff}.pf-state--error{color:#b91c1c;background:#fef2f2}.pf-state--empty{color:#9a3412;background:#fff7ed}.pf-grid{display:grid;gap:12px}.pf-grid--top{grid-template-columns:1.2fr .8fr}.pf-grid--double{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.pf-card{border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px}.pf-card h3{margin:0 0 10px;color:#0f172a}.pf-kv{display:grid;gap:8px}.pf-row{display:grid;grid-template-columns:170px 1fr;gap:10px}.pf-row-label{color:#64748b;font-size:13px;font-weight:600}.pf-row-value{color:#0f172a;font-size:14px;font-weight:600;word-break:break-word}.pf-photo-box{width:100%;max-width:260px;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;border:1px solid #cbd5e1;background:#f8fafc;display:flex;align-items:center;justify-content:center}.pf-photo-box img{width:100%;height:100%;object-fit:cover}.pf-photo-empty{color:#64748b;font-weight:600}.pf-photo-tools{margin-top:10px;display:grid;gap:8px}.pf-file-input{width:100%;max-width:280px;font-size:13px}.pf-btn{border:none;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;color:#082f49;background:linear-gradient(130deg,#22d3ee,#fcd34d 95%);width:fit-content;cursor:pointer}.pf-btn:hover{filter:brightness(1.03)}.pf-btn:disabled{opacity:.65;cursor:not-allowed}.pf-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}@media(max-width:980px){.pf-hero,.pf-grid--top,.pf-grid--double{grid-template-columns:1fr}}@media(max-width:640px){.pf-page{padding:14px;border-radius:16px}.pf-panel{padding:10px}.pf-row{grid-template-columns:1fr;gap:2px}.pf-hero-art{min-height:200px}.pf-art--main{inset:8px 48px 14px 0}}.rs-page{border-radius:24px;padding:20px;box-shadow:0 24px 42px #0f172a38}.rs-page--staff{background:radial-gradient(circle at 14% 10%,rgba(245,158,11,.28),transparent 42%),radial-gradient(circle at 88% 84%,rgba(34,197,94,.22),transparent 50%),linear-gradient(135deg,#0f3d59,#155e75 52%,#0f766e)}.rs-page--student{background:radial-gradient(circle at 14% 10%,rgba(244,114,182,.26),transparent 42%),radial-gradient(circle at 88% 84%,rgba(59,130,246,.24),transparent 50%),linear-gradient(135deg,#1e3a8a,#2563eb 52%,#0f172a)}.rs-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:16px}.rs-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#1e293b;background:linear-gradient(130deg,#fde68a,#fff)}.rs-title{margin:10px 0 6px;color:#f8fafc;line-height:1.06;font-size:clamp(1.35rem,2.1vw,2rem)}.rs-subtitle{margin:0;color:#dbeafe;line-height:1.5;max-width:58ch}.rs-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.rs-meta span{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#0f172a;background:#ffffffe6}.rs-hero-art{position:relative;min-height:220px}.rs-art{position:absolute;border-radius:16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 24px #0f172a33;padding:10px;display:flex;align-items:center;justify-content:center}.rs-art img{width:100%;height:100%;object-fit:contain}.rs-art--main{inset:12px 60px 20px 0}.rs-art--survey{width:44%;height:40%;right:0;top:6px;background:linear-gradient(160deg,#fff7ed,#e0f2fe)}.rs-art--cert{width:40%;height:38%;right:14px;bottom:0;background:linear-gradient(160deg,#fef2f2,#ecfeff)}.rs-panel{margin-top:18px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(255,255,255,.62);padding:14px}.rs-state{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.rs-state--loading{color:#1d4ed8;background:#eff6ff}.rs-state--error{color:#b91c1c;background:#fef2f2}.rs-state--empty{color:#9a3412;background:#fff7ed}.rs-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.rs-card-btn{border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.rs-card-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.rs-card-btn--active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.rs-card-title{margin:0;color:#0f172a;font-size:16px;line-height:1.3}.rs-card-meta{margin-top:6px;color:#475569;font-size:13px;line-height:1.4}.rs-results-head{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.rs-results-title{margin:0;color:#0f172a;font-size:1.05rem}.rs-btn{border:none;border-radius:10px;padding:9px 12px;font-size:13px;font-weight:700;color:#082f49;background:linear-gradient(130deg,#22d3ee,#fcd34d 95%);width:fit-content;cursor:pointer}.rs-btn:hover{filter:brightness(1.03)}.rs-btn:disabled{opacity:.65;cursor:not-allowed}.rs-table-wrap{margin-top:10px;overflow-x:auto}.rs-table{width:100%;border-collapse:collapse;min-width:720px;background:#fff;border:1px solid #dbeafe;border-radius:12px;overflow:hidden}.rs-table thead th{background:#f1f5f9;color:#0f172a;font-size:13px;text-align:left;padding:10px;border-bottom:1px solid #dbeafe}.rs-table tbody td{padding:10px;border-bottom:1px solid #edf2f7;color:#1f2937;font-size:13px}.rs-table tbody tr:last-child td{border-bottom:none}.rs-table tbody tr:nth-child(odd){background:#f8fafc}@media(max-width:980px){.rs-hero{grid-template-columns:1fr}}@media(max-width:640px){.rs-page{padding:14px;border-radius:16px}.rs-panel{padding:10px}.rs-hero-art{min-height:200px}.rs-art--main{inset:8px 46px 14px 0}}.tps-page{border-radius:24px;padding:20px;box-shadow:0 24px 42px #0f172a38}.tps-page--staff{background:radial-gradient(circle at 14% 10%,rgba(244,114,182,.26),transparent 42%),radial-gradient(circle at 88% 84%,rgba(34,197,94,.24),transparent 50%),linear-gradient(135deg,#3b0764,#6d28d9 52%,#0f172a)}.tps-page--student{background:radial-gradient(circle at 14% 10%,rgba(245,158,11,.28),transparent 42%),radial-gradient(circle at 88% 84%,rgba(59,130,246,.24),transparent 50%),linear-gradient(135deg,#0f3d59,#155e75 52%,#1d4ed8)}.tps-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:16px}.tps-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#1e293b;background:linear-gradient(130deg,#fde68a,#fff)}.tps-title{margin:10px 0 6px;color:#f8fafc;line-height:1.06;font-size:clamp(1.35rem,2.1vw,2rem)}.tps-subtitle{margin:0;color:#dbeafe;line-height:1.5;max-width:58ch}.tps-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.tps-meta span{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#0f172a;background:#ffffffe6}.tps-hero-art{position:relative;min-height:220px}.tps-art{position:absolute;border-radius:16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 24px #0f172a33;padding:10px;display:flex;align-items:center;justify-content:center}.tps-art img{width:100%;height:100%;object-fit:contain}.tps-art--main{inset:12px 58px 18px 0}.tps-art--alt{width:42%;height:42%;right:0;top:10px;background:linear-gradient(160deg,#fff7ed,#e0f2fe)}.tps-panel{margin-top:18px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(255,255,255,.62);padding:14px}.tps-state{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.tps-state--loading{color:#1d4ed8;background:#eff6ff}.tps-state--empty{color:#9a3412;background:#fff7ed}.tps-subject-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.tps-subject-btn{border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tps-subject-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.tps-subject-btn--active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb2e}.tps-subject-title{margin:0;color:#0f172a;font-size:16px;line-height:1.3}.tps-subject-meta{margin-top:6px;color:#475569;font-size:13px}.tps-filter{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tps-filter label{color:#0f172a;font-weight:700}.tps-select{border:1px solid #cbd5e1;border-radius:10px;padding:9px 11px;font-size:14px;color:#0f172a;background:#fff;min-width:260px}.tps-select:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.tps-table-wrap{overflow-x:auto}.tps-table{width:100%;border-collapse:collapse;min-width:640px;background:#fff;border:1px solid #dbeafe;border-radius:12px;overflow:hidden}.tps-table thead th{background:#f1f5f9;color:#0f172a;font-size:13px;text-align:left;padding:10px;border-bottom:1px solid #dbeafe}.tps-table tbody td{padding:10px;border-bottom:1px solid #edf2f7;color:#1f2937;font-size:13px}.tps-table tbody tr:last-child td{border-bottom:none}.tps-table tbody tr:nth-child(odd){background:#f8fafc}.tps-link{color:#0369a1;font-weight:700;text-decoration:none}.tps-link:hover{text-decoration:underline}@media(max-width:980px){.tps-hero{grid-template-columns:1fr}}@media(max-width:640px){.tps-page{padding:14px;border-radius:16px}.tps-panel{padding:10px}.tps-hero-art{min-height:200px}.tps-art--main{inset:8px 44px 12px 0}.tps-select{min-width:0;width:100%}}.announce-page{--announce-ink: #05292f;--announce-deep: #264c57;--announce-mint: #3dbb9c;--announce-gold: #f2b52a;--announce-coral: #d53b32;position:relative;border-radius:24px;padding:20px;overflow:hidden;background:radial-gradient(circle at 12% 10%,rgba(242,181,42,.3),transparent 45%),radial-gradient(circle at 90% 84%,rgba(61,187,156,.34),transparent 50%),linear-gradient(135deg,var(--announce-ink),var(--announce-deep) 48%,#1e5f63 100%);box-shadow:0 22px 40px #05292f42}.announce-page:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 35%),linear-gradient(290deg,rgba(213,59,50,.18),transparent 50%);pointer-events:none}.announce-hero{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.announce-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#083344;background:linear-gradient(130deg,#f8fafc,#fef9c3)}.announce-hero h2{margin:10px 0 6px;color:#f8fafc;font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.06}.announce-subtitle{margin:0;color:#dbeafe;max-width:56ch;line-height:1.55}.announce-metrics{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.announce-metrics span{display:inline-flex;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#082f49;background:#ffffffe6}.announce-hero-art{position:relative;min-height:220px}.announce-art-card{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffffe6;border:1px solid rgba(255,255,255,.72);box-shadow:0 14px 24px #082f4933;padding:10px}.announce-art-card img{width:100%;height:100%;object-fit:contain}.announce-art-card--main{inset:12px 64px 22px 0}.announce-art-card--chat{width:46%;height:40%;right:0;top:0;background:linear-gradient(160deg,#fff7ed,#ffe4e6)}.announce-art-card--info{width:40%;height:36%;right:16px;bottom:0;background:linear-gradient(160deg,#eff6ff,#dcfce7)}.announce-panel{position:relative;z-index:1;margin-top:18px;border-radius:18px;border:1px solid rgba(255,255,255,.55);background:#f8fafcf2;padding:14px}.announce-state{margin:0;padding:10px 12px;border-radius:10px;font-weight:600}.announce-state--loading{background:#eff6ff;color:#1d4ed8}.announce-state--error{background:#fef2f2;color:#b91c1c}.announce-state--empty{background:#fff7ed;color:#9a3412}.announce-list{display:grid;gap:12px}.announce-card{border:1px solid #dbeafe;border-radius:14px;padding:12px;background:#fff}.announce-card-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.announce-card h3{margin:0;color:#0f172a}.announce-badge{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.announce-badge--all{background:#e0f2fe;color:#0c4a6e}.announce-badge--staff{background:#ffedd5;color:#9a3412}.announce-badge--student{background:#ede9fe;color:#5b21b6}.announce-badge--level{background:#dcfce7;color:#166534}.announce-message{margin:8px 0 10px;color:#334155;white-space:pre-wrap;line-height:1.5}.announce-meta{display:grid;gap:4px;color:#475569;font-size:13px}@media(max-width:900px){.announce-hero{grid-template-columns:1fr}.announce-hero-art{min-height:240px}}@media(max-width:560px){.announce-page{padding:14px;border-radius:16px}.announce-panel{padding:10px}.announce-art-card--main{inset:8px 52px 14px 0}}.sel-page{--sel-deep: #093047;--sel-teal: #0ea5a6;--sel-orange: #f59e0b;--sel-ink: #0f172a;border-radius:24px;padding:20px;background:radial-gradient(circle at 16% 8%,rgba(245,158,11,.3),transparent 44%),radial-gradient(circle at 88% 84%,rgba(14,165,166,.28),transparent 50%),linear-gradient(130deg,#093047,#145a74 56%,#1f7a8c);box-shadow:0 24px 40px #09304747}.sel-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:16px}.sel-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#0c4a6e;background:linear-gradient(130deg,#fef3c7,#fff)}.sel-hero h2{margin:10px 0 6px;color:#f8fafc;line-height:1.06;font-size:clamp(1.4rem,2.2vw,2rem)}.sel-subtitle{margin:0;color:#dbeafe;line-height:1.55;max-width:56ch}.sel-metrics{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.sel-metrics span{border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;color:#0f172a;background:#ffffffe6}.sel-hero-art{min-height:230px;position:relative}.sel-art{position:absolute;border-radius:16px;background:#ffffffeb;border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 24px #0f172a33;padding:10px;display:flex;align-items:center;justify-content:center}.sel-art img{width:100%;height:100%;object-fit:contain}.sel-art--main{inset:12px 56px 20px 0}.sel-art--reading{width:42%;height:40%;right:0;top:0;background:linear-gradient(160deg,#fff7ed,#e0f2fe)}.sel-art--audio{width:40%;height:38%;right:14px;bottom:0;background:linear-gradient(160deg,#f5f3ff,#dcfce7)}.sel-panel{margin-top:18px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(255,255,255,.62);padding:14px}.sel-state{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.sel-state--loading{color:#1d4ed8;background:#eff6ff}.sel-state--empty{color:#9a3412;background:#fff7ed}.sel-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sel-card{border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px;display:grid;gap:8px}.sel-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sel-index{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#0f172a;background:linear-gradient(150deg,#fde68a,#f59e0b)}.sel-level{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;color:#155e75;background:#ecfeff}.sel-card h3{margin:0;color:var(--sel-ink);font-size:16px;line-height:1.3}.sel-author{margin:0;color:#334155;font-size:13px;font-weight:600}.sel-description{margin:0;color:#475569;font-size:14px;line-height:1.45}.sel-meta{color:#475569;font-size:12px}.sel-download{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:700;font-size:13px;color:#082f49;background:linear-gradient(130deg,#22d3ee,#fcd34d 95%)}.sel-download:hover{filter:brightness(1.03)}@media(max-width:900px){.sel-hero{grid-template-columns:1fr}}@media(max-width:560px){.sel-page{padding:14px;border-radius:16px}.sel-panel{padding:10px}.sel-hero-art{min-height:200px}.sel-art--main{inset:8px 44px 14px 0}}.sca-page{--sca-deep: #0b3c49;--sca-teal: #169a8f;--sca-gold: #f0b429;--sca-coral: #e4572e;--sca-ink: #0f172a;border-radius:24px;padding:20px;background:radial-gradient(circle at 18% 10%,rgba(240,180,41,.28),transparent 42%),radial-gradient(circle at 88% 86%,rgba(22,154,143,.28),transparent 48%),linear-gradient(135deg,#0b3c49,#145861 52%,#1d6a71);box-shadow:0 24px 42px #0b3c4947}.sca-hero{display:grid;gap:16px;grid-template-columns:1.1fr .9fr;align-items:center}.sca-pill{display:inline-flex;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#083344;background:linear-gradient(145deg,#fef3c7,#fff)}.sca-hero h2{margin:10px 0 6px;color:#f8fafc;line-height:1.06;font-size:clamp(1.4rem,2.1vw,2rem)}.sca-subtitle{margin:0;color:#dbeafe;line-height:1.55;max-width:56ch}.sca-metrics{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.sca-metrics span{background:#ffffffe6;color:#0f172a;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.sca-hero-art{min-height:240px;position:relative}.sca-art{position:absolute;border-radius:16px;background:#ffffffeb;border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 24px #0f172a33;padding:10px;display:flex;align-items:center;justify-content:center}.sca-art img{width:100%;height:100%;object-fit:contain}.sca-art--main{inset:12px 60px 22px 0}.sca-art--grading{width:44%;height:40%;right:0;top:0;background:linear-gradient(160deg,#fff7ed,#ffe4e6)}.sca-art--sketch{width:42%;height:38%;right:14px;bottom:0;background:linear-gradient(160deg,#ecfeff,#e0e7ff)}.sca-panel{margin-top:18px;border-radius:18px;background:#f8fafcf5;border:1px solid rgba(255,255,255,.6);padding:14px}.sca-filter{display:grid;gap:6px;margin-bottom:12px}.sca-filter label{color:var(--sca-ink);font-size:13px;font-weight:700}.sca-filter select{max-width:360px;border:1px solid #a5f3fc;border-radius:10px;padding:9px 11px;font-size:14px;color:var(--sca-ink);background:#fff}.sca-filter select:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.sca-state{margin:0;border-radius:10px;padding:10px 12px;font-weight:600}.sca-state--loading{color:#1d4ed8;background:#eff6ff}.sca-state--empty{color:#9a3412;background:#fff7ed}.sca-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sca-card{border:1px solid #dbeafe;border-radius:14px;background:#fff;padding:12px;display:grid;gap:8px}.sca-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sca-index{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#0f172a;background:linear-gradient(150deg,#fde68a,#f59e0b)}.sca-subject{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;color:#155e75;background:#ecfeff}.sca-card h3{margin:0;font-size:16px;line-height:1.3;color:#0f172a}.sca-desc{margin:0;color:#334155;font-size:14px;line-height:1.45}.sca-meta{color:#475569;font-size:12px}.sca-download{display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:9px 12px;text-decoration:none;font-weight:700;font-size:13px;color:#082f49;background:linear-gradient(130deg,#22d3ee,#f0abfc 95%)}.sca-download:hover{filter:brightness(1.03)}@media(max-width:900px){.sca-hero{grid-template-columns:1fr}}@media(max-width:560px){.sca-page{padding:14px;border-radius:16px}.sca-panel{padding:10px}.sca-hero-art{min-height:210px}.sca-art--main{inset:8px 46px 14px 0}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%}#root{min-height:100vh;overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}body{margin:0;min-width:320px;min-height:100vh;color:#111827;background-color:#f8fafc;overflow-x:hidden}h1{margin:0 0 .6em;font-size:clamp(1.75rem,3.4vw,2.6rem);line-height:1.1}h2,h3,h4{margin:0 0 .5em;line-height:1.2}img,svg,video,canvas{max-width:100%;height:auto}input,select,textarea,button{max-width:100%}table{width:100%;border-collapse:collapse}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#111827;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:900px){body{font-size:14px}h1{font-size:clamp(1.4rem,7vw,2rem)}h2{font-size:clamp(1.2rem,5.5vw,1.6rem)}h3{font-size:clamp(1rem,4.5vw,1.3rem)}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}