:root{--navy:#0a1628;--navy-mid:#112040;--blue:#1a3a6e;--gold:#c9963a;--gold-light:#e8b84b;--gold-pale:#f5e6c4;--white:#fff;--off-white:#f8f5ef;--text:#1a1a2e;--text-muted:#6b7280;--green:#2d6a4f;--green-light:#40916c;--primary:#1a3a6e;--primary-light:#2a5a9e;--primary-dark:#0a1628;--secondary:#2d6a4f;--secondary-light:#40916c;--bg:#f8f5ef;--bg-card:#fff;--border:#e2e8f0;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--radius:16px;--radius-sm:8px;--success:#2d6a4f;--warning:#c9963a;--danger:#dc2626;--present:#2d6a4f;--absent:#dc2626;--late:#c9963a}[data-theme=dark]{--bg:#0f172a;--bg-card:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--shadow:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -2px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--off-white);color:var(--text);font-family:DM Sans,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 5%}nav{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1628f2;border-bottom:1px solid #c9963a33;justify-content:space-between;align-items:center;height:72px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:14px;text-decoration:none;display:flex}.nav-logo-badge{background:linear-gradient(135deg, var(--gold), var(--gold-light));width:44px;height:44px;color:var(--navy);border-radius:10px;justify-content:center;align-items:center;font-family:Playfair Display,serif;font-size:20px;font-weight:900;display:flex}.nav-logo-text{color:var(--white)}.nav-logo-text strong{letter-spacing:1.5px;font-size:16px;font-weight:600;display:block}.nav-logo-text span{color:#ffffff80;letter-spacing:.5px;font-size:11px}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{color:#ffffffbf;letter-spacing:.5px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--gold-light)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-nav{cursor:pointer;letter-spacing:.3px;border-radius:8px;padding:9px 22px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.btn-outline{color:var(--gold-light);background:0 0;border:1.5px solid #c9963a80}.btn-outline:hover{border-color:var(--gold-light);background:#c9963a1a}.btn-solid{background:var(--gold);color:var(--navy);border:none}.btn-solid:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 20px #c9963a66}.hero{background:linear-gradient(160deg, var(--navy) 0%, var(--blue) 60%, #1e4d8c 100%);align-items:center;min-height:100vh;padding:0 5%;display:flex;position:relative;overflow:hidden}.hero-bg-orbs{pointer-events:none;position:absolute;inset:0}.orb{background:radial-gradient(circle,#c9963a1f 0%,#0000 70%);border-radius:50%;position:absolute}.orb-1{width:700px;height:700px;top:-200px;right:-150px}.orb-2{width:400px;height:400px;bottom:-100px;left:10%}.orb-3{background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);width:300px;height:300px;top:30%;left:40%}.hero-grid-lines{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero-content{z-index:2;max-width:700px;position:relative}.hero-badge{color:var(--gold-light);letter-spacing:1px;text-transform:uppercase;background:#c9963a26;border:1px solid #c9963a59;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 16px;font-size:12px;font-weight:600;animation:.6s both fadeUp;display:inline-flex}.hero-badge:before{content:"★";font-size:10px}.hero h1{color:var(--white);font-family:Playfair Display,serif;font-size:clamp(48px,7vw,88px);font-weight:900;line-height:1;animation:.7s .1s both fadeUp}.hero h1 em{color:var(--gold-light);font-style:normal;display:block}.hero-divider{background:linear-gradient(90deg, var(--gold), transparent);width:60px;height:3px;margin:28px 0;animation:.7s .2s both fadeUp}.hero p{color:#ffffffb3;max-width:520px;font-size:18px;line-height:1.7;animation:.7s .3s both fadeUp}.hero-stats{gap:40px;margin-top:40px;animation:.7s .4s both fadeUp;display:flex}.hero-stat strong{color:var(--gold-light);font-family:Playfair Display,serif;font-size:32px;font-weight:700;display:block}.hero-stat span{color:#ffffff80;letter-spacing:.5px;font-size:13px}.hero-btns{gap:16px;margin-top:44px;animation:.7s .5s both fadeUp;display:flex}.btn-hero-primary{background:var(--gold);color:var(--navy);letter-spacing:.3px;cursor:pointer;border:none;border-radius:10px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;box-shadow:0 8px 32px #c9963a59}.btn-hero-primary:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 12px 40px #c9963a80}.btn-hero-secondary{color:var(--white);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff12;border:1.5px solid #fff3;border-radius:10px;padding:16px 36px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s}.btn-hero-secondary:hover{background:#ffffff1f;border-color:#fff6}.hero-right{flex-direction:column;gap:20px;animation:.8s .4s both fadeLeft;display:flex;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.hero-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;min-width:240px;padding:24px 28px;transition:all .3s}.hero-card:hover{background:#ffffff1c;transform:translate(-4px)}.hero-card-icon{margin-bottom:10px;font-size:28px}.hero-card h3{color:var(--white);margin-bottom:4px;font-size:14px;font-weight:600}.hero-card p{color:#ffffff80;font-size:12px;line-height:1.5}.announcement{background:var(--gold);color:var(--navy);padding:13px 0;overflow:hidden}.announcement-track{white-space:nowrap;gap:60px;animation:30s linear infinite scroll;display:flex}.announcement-track span{letter-spacing:.5px;font-size:13px;font-weight:600}.announcement-dot{color:var(--navy);opacity:.4}section{padding:100px 0}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px;font-size:11px;font-weight:700}.section-title{color:var(--text);font-family:Playfair Display,serif;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.section-title em{color:var(--blue);font-style:italic}.why{background:var(--white)}.why-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-top:60px;display:grid}.why-text p{color:var(--text-muted);margin-top:24px;font-size:17px;line-height:1.8}.why-features{flex-direction:column;gap:20px;margin-top:36px;display:flex}.why-feature{background:var(--off-white);border-left:3px solid var(--gold);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;transition:transform .2s;display:flex}.why-feature:hover{transform:translate(4px)}.why-feature-icon{flex-shrink:0;font-size:24px}.why-feature h4{margin-bottom:4px;font-size:15px;font-weight:600}.why-feature p{color:var(--text-muted);font-size:13px;line-height:1.6}.why-visual{background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);color:#fff;border-radius:24px;padding:48px 40px;position:relative;overflow:hidden}.why-visual:before{content:"KPES";color:#ffffff0a;font-family:Playfair Display,serif;font-size:140px;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:-20px}.why-visual-stat{border-bottom:1px solid #ffffff1a;padding:24px 0}.why-visual-stat:last-child{border-bottom:none}.why-visual-stat strong{color:var(--gold-light);font-family:Playfair Display,serif;font-size:44px;display:block}.why-visual-stat span{color:#fff9;font-size:14px}.academics{background:var(--off-white)}.academics-header{justify-content:space-between;align-items:flex-end;margin-bottom:56px;display:flex}.grade-cards{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grade-card{background:var(--white);cursor:default;border:1px solid #0000000f;border-radius:16px;padding:32px 24px;transition:all .3s;position:relative;overflow:hidden}.grade-card:before{content:"";background:var(--gold);transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.grade-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0000001a}.grade-card:hover:before{transform:scaleX(1)}.grade-icon{margin-bottom:20px;font-size:36px}.grade-card h3{margin-bottom:8px;font-family:Playfair Display,serif;font-size:20px;font-weight:700}.grade-card p{color:var(--text-muted);font-size:13px;line-height:1.6}.grade-tag{background:var(--gold-pale);color:var(--gold);letter-spacing:.5px;border-radius:100px;margin-top:16px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.admissions-section{background:linear-gradient(135deg, var(--navy) 0%, var(--blue) 100%);color:var(--white)}.admissions-section .section-title{color:var(--white)}.admissions-section .section-label{color:var(--gold-light)}.admission-steps{background:#ffffff1a;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:60px;display:grid;overflow:hidden}.admission-step{background:#ffffff0d;padding:40px 32px;transition:background .3s;position:relative}.admission-step:hover{background:#ffffff1a}.step-num{color:#c9963a40;margin-bottom:16px;font-family:Playfair Display,serif;font-size:64px;font-weight:900;line-height:1}.admission-step h3{margin-bottom:10px;font-size:16px;font-weight:600}.admission-step p{color:#ffffff8c;font-size:13px;line-height:1.7}.admissions-cta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:52px;display:flex}.admissions-cta p{color:#fff9;font-size:15px}.admissions-cta strong{color:#fff;margin-bottom:4px;font-size:20px;display:block}.info-strip{background:var(--white)}.info-cards{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px;display:grid}.info-card{color:#fff;border-radius:20px;padding:40px 36px;position:relative;overflow:hidden}.info-card-1{background:linear-gradient(135deg,#1a3a6e,#0a1628)}.info-card-2{background:linear-gradient(135deg,#2d6a4f,#1b4332)}.info-card-3{background:linear-gradient(135deg,#92400e,#451a03)}.info-card:before{content:attr(data-char);color:#ffffff12;font-family:Playfair Display,serif;font-size:100px;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:-10px}.info-card-icon{margin-bottom:24px;font-size:40px}.info-card h3{margin-bottom:12px;font-family:Playfair Display,serif;font-size:24px}.info-card p{color:#ffffffa6;margin-bottom:24px;font-size:14px;line-height:1.7}.info-card a{color:var(--gold-light);letter-spacing:.5px;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.info-card a:after{content:"→";transition:transform .2s}.info-card a:hover:after{transform:translate(4px)}.contact-section{background:var(--off-white)}.contact-grid{grid-template-columns:1fr 1fr;gap:60px;margin-top:60px;display:grid}.contact-detail{align-items:flex-start;gap:18px;margin-bottom:32px;display:flex}.contact-icon{background:linear-gradient(135deg, var(--gold), var(--gold-light));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.contact-detail h4{text-transform:uppercase;letter-spacing:1px;color:var(--gold);margin-bottom:4px;font-size:13px;font-weight:700}.contact-detail p{color:var(--text);font-size:15px;line-height:1.6}.contact-form{background:var(--white);border-radius:20px;padding:40px;box-shadow:0 4px 40px #0000000f}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:var(--text);background:var(--off-white);border:1.5px solid #0000001a;border-radius:10px;outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);background:#fff}.form-group textarea{resize:vertical;min-height:100px}.btn-submit{background:var(--gold);width:100%;color:var(--navy);cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;padding:15px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;transition:all .25s}.btn-submit:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 8px 24px #c9963a59}footer{background:var(--navy);color:#fff9;padding:60px 5% 32px}.footer-top{border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:48px;display:grid}.footer-brand p{max-width:300px;margin-top:16px;font-size:14px;line-height:1.8}.footer-col h4{letter-spacing:2px;text-transform:uppercase;color:var(--gold-light);margin-bottom:20px;font-size:12px;font-weight:700}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:#ffffff8c;font-size:14px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{justify-content:space-between;align-items:center;padding-top:28px;font-size:13px;display:flex}.footer-bottom a{color:var(--gold-light);text-decoration:none}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{color:var(--text-muted);background:0 0;padding:8px 16px}.btn-ghost:hover{background:var(--border);color:var(--text)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:24px;transition:all .2s}.card:hover{box-shadow:var(--shadow-lg)}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge-paid{color:var(--success);background:#e8f5e9}.badge-pending{color:var(--warning);background:#fff3e0}.badge-overdue{color:var(--danger);background:#fbe9e7}.badge-present{color:var(--present);background:#e8f5e9}.badge-absent{color:var(--absent);background:#fbe9e7}.badge-late{color:var(--late);background:#fff3e0}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.attendance-dot{border-radius:50%;width:12px;height:12px;display:inline-block}input,select{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);width:100%;color:var(--text);padding:12px 16px;font-family:DM Sans,sans-serif;font-size:15px;transition:border .2s}input:focus,select:focus{border-color:var(--primary);outline:none}label{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:600;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(40px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.hamburger{display:none}@media (width<=900px){.hero-right{display:none}.why-grid{grid-template-columns:1fr}.grade-cards,.admission-steps{grid-template-columns:1fr 1fr}.info-cards,.contact-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.academics-header{flex-direction:column;align-items:flex-start;gap:20px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}section{padding:60px 0}.contact-form{padding:24px}}@media (width<=600px){.grade-cards,.admission-steps,.form-row,.footer-top{grid-template-columns:1fr}.hero-stats{gap:24px}.hero-btns{flex-direction:column}.hero-btns a{text-align:center}}