@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--saas-primary:#3b82f6;--saas-primary-hover:#2563eb;--saas-secondary:#6366f1;--saas-accent:#06b6d4;--saas-bg:#090d16;--saas-card-bg:#121826bf;--saas-border:#ffffff14;--saas-text-main:#f8fafc;--saas-text-muted:#94a3b8;--saas-success:#10b981;--saas-warning:#f59e0b;--saas-danger:#ef4444;--school-primary:#0f2b5c;--school-primary-light:#1e40af;--school-secondary:#1e3a8a;--school-accent:#d97706;--school-accent-light:#fbbf24;--school-surface:#fff;--school-bg-subtle:#f8fafc;--school-border:#e2e8f0;--school-text:#0f172a;--school-text-muted:#64748b;--font-heading:"Outfit", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 25px #3b82f640;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-body);color:var(--school-text);background-color:var(--school-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes pulseGlow{0%,to{transform:scale(1);box-shadow:0 0 #10b98166}50%{transform:scale(1.03);box-shadow:0 0 15px 4px #10b9814d}}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideTicker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-float{animation:4s ease-in-out infinite floatGentle}.saas-layout{background-color:var(--saas-bg);min-height:100vh;color:var(--saas-text-main);background-image:radial-gradient(circle at 15% 15%,#3b82f61f 0%,#0000 40%),radial-gradient(circle at 85% 80%,#6366f11a 0%,#0000 40%);flex-direction:column;display:flex}.saas-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--saas-border);background:#090d16d9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.saas-brand{align-items:center;gap:.75rem;display:flex}.saas-brand-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--saas-primary), var(--saas-secondary));color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #3b82f64d}.saas-brand-title{font-family:var(--font-heading);letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.saas-badge-tag{border-radius:var(--radius-full);color:#60a5fa;text-transform:uppercase;letter-spacing:.05em;background:#3b82f626;border:1px solid #3b82f64d;padding:.2rem .55rem;font-size:.7rem;font-weight:600}.saas-nav-actions{align-items:center;gap:1rem;display:flex}.cosmos-status-pill{border-radius:var(--radius-full);border:1px solid var(--saas-border);background:#ffffff08;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;display:flex}.cosmos-status-dot{border-radius:50%;width:8px;height:8px}.cosmos-status-dot.active{background-color:var(--saas-success);box-shadow:0 0 8px var(--saas-success)}.cosmos-status-dot.mock{background-color:var(--saas-warning);box-shadow:0 0 8px var(--saas-warning)}.btn-saas-primary{background:linear-gradient(135deg, var(--saas-primary), var(--saas-secondary));color:#fff;border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #3b82f64d}.btn-saas-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.metric-card{background:var(--saas-card-bg);border:1px solid var(--saas-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:1.5rem;transition:transform .2s,border-color .2s;display:flex}.metric-card:hover{border-color:#3b82f64d;transform:translateY(-3px)}.metric-label{color:var(--saas-text-muted);margin-bottom:.35rem;font-size:.85rem;font-weight:500}.metric-value{font-family:var(--font-heading);color:#fff;font-size:1.85rem;font-weight:700}.metric-icon-wrap{border-radius:var(--radius-md);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tenants-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.tenant-card{background:var(--saas-card-bg);border:1px solid var(--saas-border);border-radius:var(--radius-lg);flex-direction:column;transition:all .25s;display:flex;overflow:hidden}.tenant-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.tenant-card-header{border-bottom:1px solid var(--saas-border);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.tenant-school-name{font-family:var(--font-heading);color:#fff;margin-bottom:.35rem;font-size:1.2rem;font-weight:700}.tenant-subdomain{color:#60a5fa;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.tier-badge{text-transform:uppercase;border-radius:var(--radius-full);padding:.25rem .65rem;font-size:.72rem;font-weight:700}.tier-badge.enterprise{color:#fbbf24;background:#d9770633;border:1px solid #d9770666}.tier-badge.growth{color:#34d399;background:#10b98133;border:1px solid #10b98166}.tier-badge.starter{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.tenant-card-body{flex:1;padding:1.25rem 1.5rem}.tenant-info-row{color:var(--saas-text-muted);justify-content:space-between;margin-bottom:.65rem;font-size:.85rem;display:flex}.tenant-card-actions{border-top:1px solid var(--saas-border);background:#0003;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-school-view{border-radius:var(--radius-md);color:#fff;background:#ffffff14;border:1px solid #ffffff1f;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-school-view:hover{background:#ffffff26;border-color:#ffffff40}.btn-school-cms{border-radius:var(--radius-md);color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-school-cms:hover{color:#93c5fd;background:#3b82f640}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);background:#0f1626;border:1px solid #ffffff1f;width:100%;max-width:620px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--saas-border);justify-content:space-between;align-items:center;padding:1.5rem 1.75rem;display:flex}.modal-title{font-family:var(--font-heading);color:#fff;font-size:1.35rem;font-weight:700}.modal-body{padding:1.75rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--saas-text-muted);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;width:100%;padding:.75rem 1rem;font-size:.92rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--saas-primary);background:#ffffff12;outline:none}.modal-footer{border-top:1px solid var(--saas-border);background:#0003;justify-content:flex-end;gap:1rem;padding:1.25rem 1.75rem;display:flex}.school-site{background-color:var(--school-surface);min-height:100vh;color:var(--school-text);flex-direction:column;display:flex}.school-top-ticker{background:var(--school-primary);color:#fff;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.45rem 1.5rem;font-size:.82rem;display:flex}.ticker-left{align-items:center;gap:.65rem;display:flex;overflow:hidden}.ticker-badge{background:var(--school-accent);color:#fff;text-transform:uppercase;border-radius:var(--radius-full);padding:.18rem .5rem;font-size:.68rem;font-weight:700}.ticker-right{align-items:center;gap:1.5rem;font-size:.8rem;display:flex}.school-navbar{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--school-border);box-shadow:var(--shadow-sm);background:#fffffff2;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.school-brand{align-items:center;gap:.85rem;display:flex}.school-emblem{background:linear-gradient(135deg, var(--school-primary), var(--school-secondary));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.25rem;font-weight:800;display:flex;box-shadow:0 4px 10px #00000026}.school-title{font-family:var(--font-heading);color:var(--school-primary);font-size:1.3rem;font-weight:700;line-height:1.2}.school-motto{color:var(--school-text-muted);font-size:.78rem}.school-nav-links{align-items:center;gap:1.75rem;list-style:none;display:flex}.school-nav-link{color:var(--school-text);font-size:.92rem;font-weight:600;transition:color .2s;position:relative}.school-nav-link:hover{color:var(--school-primary)}.btn-school-cta{background:linear-gradient(135deg, var(--school-primary), var(--school-primary-light));color:#fff;border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0f2b5c40}.btn-school-cta:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f2b5c59}.school-hero{background:linear-gradient(135deg, var(--school-primary), #0a1b38);color:#fff;padding:6rem 2rem 7rem;position:relative;overflow:hidden}.hero-glow-1{background:radial-gradient(circle, var(--school-accent) 0%, transparent 70%);opacity:.2;filter:blur(40px);border-radius:50%;width:450px;height:450px;position:absolute;top:-100px;right:-80px}.hero-glow-2{background:radial-gradient(circle, var(--school-secondary) 0%, transparent 70%);opacity:.3;filter:blur(60px);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;left:-100px}.hero-content{z-index:10;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid;position:relative}.hero-badge-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.84rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:3.25rem;font-weight:800;line-height:1.15}.hero-title span{color:var(--school-accent)}.hero-subtitle{color:#ffffffd9;max-width:560px;margin-bottom:2rem;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn-hero-primary{background:var(--school-accent);color:#fff;border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.85rem 1.85rem;font-size:1rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #d9770659}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #d9770680}.btn-hero-secondary{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff4d;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.btn-hero-secondary:hover{background:#fff3}.hero-card-banner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#ffffff14;border:1px solid #ffffff2e;padding:2.25rem;box-shadow:0 25px 40px #00000059}.stat-pills-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.stat-pill{border-radius:var(--radius-md);text-align:center;background:#ffffff0f;border:1px solid #ffffff1f;padding:1.25rem}.stat-num{font-family:var(--font-heading);color:var(--school-accent);margin-bottom:.25rem;font-size:2rem;font-weight:800}.stat-desc{color:#fffc;font-size:.8rem;font-weight:600}.school-section{width:100%;max-width:1200px;margin:0 auto;padding:5rem 2rem}.section-header{text-align:center;max-width:700px;margin:0 auto 3.5rem}.section-tag{text-transform:uppercase;color:var(--school-primary);border-radius:var(--radius-full);letter-spacing:.05em;background:#0f2b5c14;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-block}.section-title{font-family:var(--font-heading);color:var(--school-text);margin-bottom:.75rem;font-size:2.25rem;font-weight:700}.section-desc{color:var(--school-text-muted);font-size:1rem;line-height:1.6}.notices-container{grid-template-columns:2fr 1fr;gap:2rem;display:grid}.notices-list{flex-direction:column;gap:1rem;display:flex}.notice-card{border:1px solid var(--school-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.notice-card:hover{border-color:var(--school-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.notice-badge-date{align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.notice-category-tag{border-radius:var(--radius-full);color:var(--school-primary);background:#0f2b5c14;padding:.2rem .55rem;font-size:.72rem;font-weight:700}.notice-title{color:var(--school-text);font-size:1.05rem;font-weight:600}.quick-enquiry-banner{background:linear-gradient(135deg, var(--school-primary), #0a1b38);border-radius:var(--radius-lg);color:#fff;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.principal-grid{background:var(--school-bg-subtle);border-radius:var(--radius-xl);border:1px solid var(--school-border);grid-template-columns:.8fr 1.2fr;align-items:center;gap:3.5rem;padding:3rem;display:grid}.principal-avatar-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);aspect-ratio:4/5;background:linear-gradient(135deg, var(--school-primary), var(--school-secondary));color:#fff;justify-content:center;align-items:center;font-size:4rem;font-weight:800;display:flex;position:relative;overflow:hidden}.quote-symbol{color:var(--school-accent);font-family:serif;font-size:3rem;line-height:1}.principal-message-text{color:var(--school-text);margin:1rem 0 1.5rem;font-size:1.15rem;font-style:italic;line-height:1.7}.school-footer{color:#e2e8f0;border-top:4px solid var(--school-primary);background:#091224;margin-top:auto;padding:4.5rem 2rem 2rem}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:3rem;max-width:1200px;margin:0 auto 3rem;display:grid}.footer-heading{font-family:var(--font-heading);color:#fff;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;list-style:none;display:flex}.footer-link{color:#94a3b8;font-size:.9rem;transition:color .2s}.footer-link:hover{color:#fff}.footer-bottom{color:#64748b;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding-top:1.75rem;font-size:.85rem;display:flex}@media (max-width:900px){.hero-content{grid-template-columns:1fr;gap:2.5rem}.notices-container,.principal-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.hero-title{font-size:2.25rem}.school-top-ticker{display:none}.footer-grid{grid-template-columns:1fr}}