:root{--navy:#061c52;--navy2:#0b2d72;--orange:#f15a13;--orange2:#ff7b19;--ink:#10214c;--muted:#64708c;--bg:#f7f9fd;--white:#fff;--line:#dbe2ef;--shadow:0 18px 50px rgba(8,31,82,.10);--radius:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1180px,92%);margin:auto}.topbar{background:var(--navy);color:#fff;font-size:13px}.topbar-inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e9edf5}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:235px;display:block}.nav{display:flex;align-items:center;gap:30px;font-weight:700;font-size:14px}.nav a{position:relative}.nav a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:.25s}.nav a:not(.nav-cta):hover:after{right:0}.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px}.nav-cta span{color:var(--orange)}.menu-toggle{display:none;border:0;background:none;font-size:28px;color:var(--navy)}.section-pad{padding:95px 0}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f5f8ff 60%,#fff 100%);padding-top:75px}.hero:before{content:"";position:absolute;top:-220px;left:-190px;width:500px;height:500px;border-radius:50%;border:16px solid var(--orange);opacity:.9}.hero-glow{position:absolute;width:500px;height:500px;right:-180px;top:-180px;border-radius:50%;background:rgba(241,90,19,.07)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;position:relative}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:900;color:var(--orange);margin-bottom:12px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-2px;color:var(--navy);font-weight:900}.hero h1 span{color:var(--navy)}.hero h1 strong{color:var(--orange)}.hero-text{font-size:18px;color:#596782;max-width:620px;margin:25px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:12px;padding:15px 22px;font-weight:800;transition:.25s}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--orange),#ff7a00);box-shadow:0 12px 25px rgba(241,90,19,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(241,90,19,.32)}.btn-light{background:#fff;border:1px solid var(--line);color:var(--navy)}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:var(--navy);font-size:13px;font-weight:700}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;inset:5% 2% 8% 12%;border-radius:48% 52% 45% 55%;background:var(--navy);transform:rotate(-5deg)}.hero-visual img{width:100%;max-width:520px;position:relative;z-index:2;border-radius:40% 60% 50% 50%;object-fit:cover;box-shadow:0 30px 70px rgba(7,26,71,.2)}.visual-ring{position:absolute;width:560px;height:560px;border:12px solid var(--orange);border-radius:50%;z-index:1;right:-20px;top:0}.floating-card{position:absolute;z-index:4;background:#fff;padding:16px 18px;border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column}.floating-card b{font-size:26px;color:var(--orange)}.floating-card small{font-weight:700;color:var(--navy)}.fc-one{left:0;top:110px}.fc-two{right:5px;bottom:90px}.social-orbit{position:absolute;z-index:5;bottom:35px;left:90px;display:flex;gap:8px}.social-orbit i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;border:3px solid #fff;font-style:normal;font-weight:900;box-shadow:0 7px 15px rgba(0,0,0,.18)}.social-orbit i:nth-child(2){background:#df4b9d}.social-orbit i:nth-child(3){background:#e62118}.social-orbit i:nth-child(4){background:#111}.pulse-dot{display:inline-block;width:8px;height:8px;background:var(--orange);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px rgba(241,90,19,.12)}.stats-strip{background:var(--navy);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:26px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.stats-grid div:last-child{border-right:0}.stats-grid b{display:block;color:var(--orange);font-size:35px;line-height:1}.stats-grid b:after{content:"+"}.stats-grid div:nth-child(2) b:after{content:"%"}.stats-grid span{font-size:12px;color:#dce5f8}.section-heading{text-align:center;max-width:760px;margin:0 auto 42px}.section-heading h2{font-size:clamp(34px,4vw,52px);line-height:1.08;color:var(--navy);letter-spacing:-1.4px}.section-heading h2 span{color:var(--orange)}.section-heading p{margin-top:15px;color:var(--muted)}.course-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{background:#fff;border:1px solid var(--line);padding:10px 17px;border-radius:999px;color:var(--navy);font-weight:700}.filter.active,.filter:hover{background:var(--navy);color:#fff}.course-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.course-card{position:relative;background:#fff;border:1px solid #e3e8f2;border-radius:18px;padding:18px 15px 20px;box-shadow:0 8px 28px rgba(7,30,75,.06);display:flex;flex-direction:column;transition:.3s;overflow:hidden}.course-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cdd8eb}.course-number{position:absolute;top:0;left:0;background:var(--orange);color:#fff;font-size:14px;font-weight:900;padding:8px 13px;border-radius:0 0 13px 0}.course-icon{width:95px;height:95px;border-radius:50%;margin:22px auto 15px;display:grid;place-items:center;background:#071f5d;color:#fff;font-size:48px;font-weight:900;box-shadow:inset 0 0 0 8px rgba(255,255,255,.04)}.course-icon span{font-size:22px;color:#ff9a24;margin-left:-6px}.course-icon.ai{font-size:29px;border:5px solid #173c86}.course-icon.mix{font-size:32px;gap:4px}.course-icon.mix em{font-size:14px;font-style:normal;border:1px solid #fff;border-radius:5px;padding:2px}.course-icon.shop{background:#77b82a;font-size:50px}.course-card h3{font-size:16px;text-align:center;line-height:1.2;color:var(--navy);min-height:56px}.course-body p{font-size:12px;color:#6b7690;text-align:center;margin:10px 0 12px}.course-body ul{padding-left:16px;color:#263454;font-size:11px}.course-body li{margin:6px 0}.course-body li::marker{color:var(--orange)}.course-link{margin-top:auto;background:none;border:0;color:var(--orange);font-weight:900;padding-top:14px;text-align:left}.course-link span{float:right}.new-badge{position:absolute;right:0;top:0;background:#ef2424;color:#fff;padding:7px 10px;border-radius:0 0 0 12px;font-size:10px;font-weight:900}.offer-section{padding-top:0}.offer-box{background:#fff;border:2px solid var(--orange);border-radius:20px;display:grid;grid-template-columns:1.1fr 1.9fr;overflow:hidden;box-shadow:var(--shadow)}.offer-main{padding:35px}.offer-main h2{font-size:28px;color:var(--navy)}.discount{font-size:70px;line-height:.9;color:var(--orange);font-weight:900;margin-top:8px}.discount span{font-size:35px}.offer-main>p{font-weight:900;font-size:20px;color:var(--navy)}.offer-main small{color:var(--muted)}.offer-combos{display:grid;grid-template-columns:repeat(3,1fr);background:#f7f9fd}.offer-combos div{padding:35px 20px;text-align:center;border-left:1px dashed #bbc7dc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.offer-combos b{font-size:13px}.offer-combos span{font-size:25px;color:var(--orange);font-weight:900}.offer-combos strong{font-size:25px;color:var(--orange)}.why-section{background:#fff}.features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.feature{border:1px solid var(--line);border-radius:18px;padding:28px 18px;text-align:center;background:linear-gradient(180deg,#fff,#fbfcff);transition:.25s}.feature:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;margin:0 auto 16px;background:#edf2ff;font-size:29px}.feature h3{font-size:15px;color:var(--navy)}.feature p{font-size:12px;color:var(--muted);margin-top:8px}.about{background:linear-gradient(135deg,#f5f8ff,#fff)}.about-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:25px}.about-card{background:var(--navy);border-radius:25px;color:#fff;padding:45px;display:grid;grid-template-columns:150px 1fr;gap:30px;align-items:center;box-shadow:var(--shadow)}.about-card .eyebrow{color:#ff9a24}.about-card h2{font-size:40px;line-height:1.05}.about-card h2 span{color:var(--orange)}.about-card p{color:#cdd7eb;margin-top:15px}.big-mark{font-size:72px;font-weight:900;color:#fff;opacity:.9}.about-side{display:grid;gap:15px}.mini-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.mini-card b{color:var(--orange);font-size:12px}.mini-card h3{color:var(--navy);margin:3px 0}.mini-card p{color:var(--muted);font-size:12px}.urdu-banner{background:var(--navy);color:#fff;padding:50px 0;position:relative;overflow:hidden}.urdu-banner:after{content:"";position:absolute;width:300px;height:300px;border:10px solid var(--orange);border-radius:50%;right:-130px;top:-100px}.urdu-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.urdu-title{font-family:"Noto Naskh Arabic",serif;font-size:52px;line-height:1.05;font-weight:700}.urdu-title span{color:#ff7a19}.urdu-inner p{font-family:"Noto Naskh Arabic",serif;color:#d5def0;font-size:18px;margin-top:7px}.admission{background:#fff}.admission-form{background:#f9fbff;border:1px solid #dbe3f0;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form-title{display:flex;align-items:center;gap:10px;color:#fff;background:var(--navy);border-radius:12px;padding:11px 15px;margin:24px 0 18px;font-weight:900}.form-title:first-child{margin-top:0}.form-title span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid label,.knowledge-grid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:var(--navy)}.form-grid .full,.knowledge-grid .full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.knowledge-grid input,.knowledge-grid select,.education-table-wrap input{width:100%;border:1px solid #d7dfed;background:#fff;border-radius:9px;padding:11px 12px;outline:none;color:#17284f}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.knowledge-grid input:focus,.knowledge-grid select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(241,90,19,.08)}.education-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{border:1px solid #d6deeb;padding:8px;font-size:11px}th{background:#edf2fb;color:var(--navy)}td:first-child{font-weight:700;white-space:nowrap}.education-table-wrap input{padding:7px;border:0;background:transparent}.course-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice{border:1px solid #d7dfed;background:#fff;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:700}.choice:has(input:checked){border-color:var(--orange);box-shadow:0 0 0 3px rgba(241,90,19,.08)}.choice input{accent-color:var(--orange);margin-top:3px}.batch-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:15px;font-size:12px}.batch-row label{font-weight:700}.batch-row input{accent-color:var(--orange)}.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.declaration{margin:22px 0;padding:16px;border-radius:12px;background:#fff4ed;border:1px solid #ffd2ba;font-size:12px;color:#4d3c33}.declaration input{accent-color:var(--orange);margin-right:7px}.form-submit{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.form-note{font-size:12px;color:var(--muted)}.form-success{display:none;margin-top:18px;padding:15px;border-radius:12px;background:#eaf8ee;color:#176b35;font-weight:700}.footer{background:#061a4b;color:#fff}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1.3fr;gap:45px;padding:60px 0}.footer-logo{width:230px;background:#fff;border-radius:8px;margin-bottom:14px}.footer p,.footer a{display:block;color:#cbd6eb;font-size:13px;margin-top:7px}.footer h4{margin-bottom:12px;color:#fff}.footer a:hover{color:#ff8a2b}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;color:#aab8d4;font-size:12px}.course-modal{display:none;position:fixed;inset:0;z-index:100}.course-modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,13,38,.72);backdrop-filter:blur(5px)}.modal-card{position:relative;z-index:2;width:min(600px,90%);margin:10vh auto;background:#fff;border-radius:24px;padding:35px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-card h2{font-size:34px;color:var(--navy);line-height:1.1}.modal-card p{color:var(--muted);margin:14px 0 24px}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;color:var(--muted)}.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#18b95a;color:#fff;font-size:27px;font-weight:900;z-index:80;box-shadow:0 12px 30px rgba(24,185,90,.35)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.hidden{display:none!important}
@media(max-width:1100px){.course-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{min-height:480px}.offer-box{grid-template-columns:1fr}.offer-combos{grid-template-columns:repeat(3,1fr)}.about-grid{grid-template-columns:1fr}}
@media(max-width:760px){.topbar-inner{justify-content:center;text-align:center;padding:7px 0}.topbar-inner span:last-child{display:none}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px rgba(0,0,0,.08)}.nav.open{display:flex}.menu-toggle{display:block}.brand img{width:190px}.hero{padding-top:50px}.hero h1{font-size:44px}.hero-text{font-size:16px}.hero-visual{min-height:360px}.visual-ring{width:360px;height:360px}.floating-card{transform:scale(.8)}.fc-one{left:-10px}.fc-two{right:-10px}.social-orbit{left:30px;bottom:0}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div{border-bottom:1px solid rgba(255,255,255,.12)}.section-pad{padding:70px 0}.course-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.offer-combos{grid-template-columns:1fr}.offer-combos div{border-left:0;border-top:1px dashed #bbc7dc}.about-card{grid-template-columns:1fr;padding:30px}.big-mark{font-size:50px}.urdu-inner{flex-direction:column;align-items:flex-start}.urdu-title{font-size:42px}.form-grid,.course-choice-grid,.knowledge-grid{grid-template-columns:1fr}.form-grid .full,.knowledge-grid .full{grid-column:auto}.admission-form{padding:18px}.footer-grid{grid-template-columns:1fr;gap:25px;padding:45px 0}.floating-wa{width:52px;height:52px;right:16px;bottom:16px}}

/* =========================================================
   IBL HOMEPAGE REDESIGN — 2026
   Visual refresh only. Existing forms, WhatsApp and sheet
   JavaScript are intentionally untouched.
========================================================= */
:root{
  --navy:#071f55;
  --navy-2:#0b2f72;
  --orange:#f45b17;
  --orange-2:#ff7a1a;
  --ink:#0b1f45;
  --muted:#60708e;
  --soft:#f5f8fd;
  --line:#dce5f3;
  --white:#fff;
  --shadow-lg:0 28px 80px rgba(7,31,85,.14);
}

body{background:#f7faff;overflow-x:hidden}
.topbar{background:linear-gradient(90deg,#061a4b,#0b2f72);box-shadow:0 2px 12px rgba(7,31,85,.12);position:relative;z-index:30}
.topbar-inner{min-height:48px}
.header{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,31,85,.08);position:relative;z-index:25}
.nav-wrap{min-height:96px}
.brand{position:relative;z-index:40;align-self:stretch;display:flex;align-items:center}
.brand img{width:255px;max-height:90px;object-fit:contain;display:block;background:#fff;border-radius:0 0 14px 14px;box-shadow:0 10px 28px rgba(7,31,85,.10)}
.nav a{transition:color .25s ease,transform .25s ease}
.nav a:hover{transform:translateY(-2px);color:var(--orange)}
.nav-cta{box-shadow:0 10px 24px rgba(244,91,23,.22)}

.redesigned-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f7faff 0%,#eef4ff 52%,#fff7f1 100%);min-height:690px;display:flex;align-items:center}
.redesigned-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,31,85,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,31,85,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 85%);z-index:-2}
.hero-shape{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.hero-shape-one{width:520px;height:520px;right:-210px;top:-190px;background:radial-gradient(circle at 35% 35%,rgba(244,91,23,.18),rgba(244,91,23,0) 68%)}
.hero-shape-two{width:460px;height:460px;left:-250px;bottom:-260px;background:radial-gradient(circle at 60% 40%,rgba(11,47,114,.15),rgba(11,47,114,0) 70%)}
.hero-grid{position:relative;z-index:2;align-items:center}
.hero-copy{max-width:670px;position:relative;z-index:3}
.hero-copy h1{font-size:clamp(52px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px;color:var(--navy);max-width:720px}
.hero-copy h1 span{color:var(--orange)}
.hero-copy h1 strong{color:var(--navy-2)}
.hero-text{max-width:610px;font-size:18px;line-height:1.75;color:#566984;margin-bottom:28px}
.hero-actions{gap:14px}
.btn{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(7,31,85,.12)}
.btn-primary{box-shadow:0 12px 28px rgba(244,91,23,.22)}
.btn-light{background:#fff;border:1px solid var(--line);color:var(--navy);box-shadow:0 10px 25px rgba(7,31,85,.06)}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:24px}
.hero-points span{font-size:12px;font-weight:800;color:#425572;background:rgba(255,255,255,.72);border:1px solid rgba(220,229,243,.95);border-radius:999px;padding:9px 13px;box-shadow:0 8px 22px rgba(7,31,85,.04)}
.hero-trust{display:flex;align-items:center;gap:8px;margin-top:20px;color:#71809a;font-size:12px;font-weight:800;letter-spacing:.04em}
.trust-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(244,91,23,.10)}

.redesigned-visual{min-height:560px;display:grid;place-items:center;position:relative;overflow:visible}
.visual-halo{position:absolute;width:590px;height:590px;border-radius:50%;background:radial-gradient(circle,rgba(244,91,23,.11) 0%,rgba(11,47,114,.06) 42%,rgba(255,255,255,0) 70%);filter:blur(1px)}
.visual-panel{width:min(100%,560px);height:510px;border:1px solid rgba(255,255,255,.9);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,242,253,.92));box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transform:rotate(1.2deg);transition:transform .45s ease,box-shadow .45s ease}
.visual-panel:hover{transform:rotate(0) translateY(-5px);box-shadow:0 35px 90px rgba(7,31,85,.19)}
.visual-panel:after{content:"";position:absolute;inset:auto -15% -35% -15%;height:250px;background:radial-gradient(circle,rgba(244,91,23,.13),transparent 68%);pointer-events:none}
.visual-top{height:68px;padding:0 24px;display:flex;align-items:center;gap:12px;color:var(--navy);font-size:11px;font-weight:900;letter-spacing:.08em;border-bottom:1px solid rgba(7,31,85,.07);background:rgba(255,255,255,.62)}
.visual-badge{width:38px;height:38px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px;letter-spacing:0;box-shadow:0 8px 20px rgba(7,31,85,.18)}
.visual-live{margin-left:auto;display:flex;align-items:center;gap:7px;color:#64748c;letter-spacing:0;font-weight:800}
.visual-live i{width:7px;height:7px;border-radius:50%;background:#16b65b;box-shadow:0 0 0 5px rgba(22,182,91,.10)}
.student-scene{position:relative;height:365px;overflow:hidden}
.screen-glow{position:absolute;width:330px;height:240px;left:50%;top:35px;transform:translateX(-45%);background:radial-gradient(circle,rgba(24,83,166,.18),transparent 68%);filter:blur(10px)}
.laptop{position:absolute;width:350px;height:230px;left:50%;top:70px;transform:translateX(-34%);z-index:4}
.laptop-screen{width:270px;height:170px;margin-left:38px;border:9px solid #102b58;border-bottom-width:13px;border-radius:13px 13px 7px 7px;background:#0c1f43;box-shadow:0 18px 35px rgba(7,31,85,.22);overflow:hidden;transform:perspective(600px) rotateY(-7deg)}
.screen-bar{height:18px;background:#173563;display:flex;align-items:center;gap:5px;padding-left:8px}.screen-bar span{width:5px;height:5px;border-radius:50%;background:#f45b17}.screen-bar span:nth-child(2){background:#f2b84b}.screen-bar span:nth-child(3){background:#52c878}
.screen-content{height:calc(100% - 18px);padding:20px;background:linear-gradient(135deg,#102a58,#071a3b);color:#fff}.screen-title{font-size:22px;line-height:1.02;letter-spacing:.03em}.screen-title b{color:#ff7a1a}.screen-cards{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.screen-cards span{font-size:8px;font-weight:900;padding:7px 8px;border-radius:6px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13)}
.laptop-base{position:absolute;left:4px;bottom:20px;width:355px;height:27px;border-radius:50%;background:linear-gradient(#dbe5f1,#aab9cd);box-shadow:0 10px 18px rgba(7,31,85,.18);transform:skewX(-12deg)}
.student{position:absolute;right:35px;bottom:32px;width:145px;height:250px;z-index:5}.student-head{position:absolute;right:35px;top:10px;width:66px;height:66px;border-radius:50%;background:#d79a72;box-shadow:inset -7px -5px 0 rgba(120,57,31,.12)}.student-head:before{content:"";position:absolute;left:-3px;top:-7px;width:72px;height:35px;border-radius:50px 50px 18px 18px;background:#17284b}.student-body{position:absolute;right:8px;top:70px;width:105px;height:145px;border-radius:55px 55px 18px 18px;background:linear-gradient(160deg,#173b7b,#0a2453);transform:rotate(-7deg)}.student-body:after{content:"IBL";position:absolute;top:52px;left:28px;color:#fff;font-size:18px;font-weight:900;letter-spacing:.04em}.student-arm{position:absolute;left:7px;top:115px;width:98px;height:22px;border-radius:20px;background:#d79a72;transform:rotate(20deg);z-index:2;box-shadow:inset -6px -4px 0 rgba(120,57,31,.08)}
.desk{position:absolute;left:0;right:0;bottom:10px;height:18px;background:linear-gradient(#d9e2ef,#b8c5d7);box-shadow:0 8px 20px rgba(7,31,85,.13)}
.visual-bottom{position:absolute;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;z-index:6}.visual-bottom div{padding:10px 9px;border-radius:12px;background:rgba(255,255,255,.84);border:1px solid rgba(7,31,85,.07);display:flex;flex-direction:column;gap:2px}.visual-bottom b{color:var(--orange);font-size:11px}.visual-bottom small{color:var(--navy);font-size:10px;font-weight:900}
.floating-card{z-index:12;box-shadow:0 18px 35px rgba(7,31,85,.14);border:1px solid rgba(255,255,255,.9)!important}.fc-one{left:-24px;top:96px}.fc-two{right:-18px;bottom:76px}
.orbit-chip{position:absolute;z-index:13;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #e0e7f2;color:var(--navy);font-size:11px;font-weight:900;box-shadow:0 12px 28px rgba(7,31,85,.12);animation:floatChip 4.5s ease-in-out infinite}.chip-one{right:4px;top:38px;background:#fff6f0;color:var(--orange)}.chip-two{left:15px;bottom:50px;animation-delay:-1.4s}.chip-three{right:76px;top:12px;background:#eff4ff;animation-delay:-2.5s}
@keyframes floatChip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.stats-strip{background:linear-gradient(90deg,#061a4b,#0b2f72);position:relative;overflow:hidden}.stats-strip:before{content:"";position:absolute;width:600px;height:300px;right:-200px;top:-200px;border-radius:50%;background:rgba(244,91,23,.12)}
.stats-grid div{position:relative;z-index:2}.stats-grid b{font-size:34px}.stats-grid span{font-weight:700}
.courses-section,.why-section,.about,.admission{background:#f7faff}
.course-card,.feature,.about-card,.admission-form{box-shadow:0 12px 35px rgba(7,31,85,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.course-card:hover,.feature:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(7,31,85,.12);border-color:#cbd8ea}
.section-heading h2{letter-spacing:-.035em}
.offer-section{background:linear-gradient(180deg,#f7faff,#fff7f1)}
.offer-box{box-shadow:var(--shadow-lg)}
.footer{background:linear-gradient(145deg,#041438,#0a2862)}

@media(max-width:1100px){.brand img{width:220px}.redesigned-hero{min-height:auto;padding-top:70px;padding-bottom:70px}.hero-copy h1{font-size:clamp(48px,7vw,70px)}.redesigned-visual{margin-top:25px}.fc-one{left:0}.fc-two{right:0}}
@media(max-width:760px){.nav-wrap{min-height:78px}.brand img{width:190px;max-height:78px;border-radius:0 0 10px 10px}.redesigned-hero{padding-top:48px;padding-bottom:58px}.redesigned-hero:before{background-size:30px 30px}.hero-copy h1{font-size:clamp(43px,12vw,58px);line-height:1.02;letter-spacing:-.045em;margin-top:17px}.hero-text{font-size:15px;line-height:1.65}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;justify-content:center}.hero-points{gap:7px}.hero-points span{font-size:10px;padding:8px 10px}.hero-trust{font-size:10px}.redesigned-visual{min-height:420px;margin-top:28px}.visual-halo{width:430px;height:430px}.visual-panel{height:390px;border-radius:25px}.visual-top{height:54px;padding:0 14px;font-size:8px;gap:7px}.visual-badge{width:30px;height:30px;border-radius:9px;font-size:10px}.visual-live{font-size:8px}.student-scene{height:278px}.laptop{transform:translateX(-43%) scale(.72);transform-origin:top center;top:38px}.student{transform:scale(.72);transform-origin:bottom right;right:6px;bottom:22px}.visual-bottom{left:12px;right:12px;bottom:12px;gap:6px}.visual-bottom div{padding:7px 6px}.visual-bottom small{font-size:8px}.floating-card{transform:scale(.72)}.fc-one{left:-18px;top:60px}.fc-two{right:-18px;bottom:56px}.orbit-chip{width:42px;height:42px;border-radius:12px;font-size:9px}.chip-one{right:-4px;top:28px}.chip-two{left:-5px;bottom:40px}.chip-three{right:40px;top:0}.stats-grid b{font-size:28px}}
