@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--blue:#087cff;--blue2:#0059d9;--ink:#081425;--muted:#66758a;--bg:#f5f9ff;--card:rgba(255,255,255,.78);--line:rgba(8,20,37,.09);--shadow:0 24px 70px rgba(8,76,160,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Hind Siliguri',sans-serif;color:var(--ink);background:radial-gradient(circle at 85% 0,#dceeff 0,transparent 28%),var(--bg);line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.55),transparent 45%);z-index:-1}.bn{font-family:'Hind Siliguri',sans-serif}.container{width:min(1160px,calc(100% - 36px));margin:auto}.nav-wrap{position:sticky;top:12px;z-index:50;padding-top:12px}.nav{height:76px;display:flex;align-items:center;gap:22px;padding:10px 14px 10px 18px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 35px rgba(0,72,150,.12);border-radius:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);min-width:max-content}.brand img{width:48px;height:48px;object-fit:contain;border-radius:14px}.brand b{display:block;font-size:13px;letter-spacing:.06em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:1px}nav{display:flex;align-items:center;gap:4px;margin-left:auto}nav a{color:#526176;text-decoration:none;padding:10px 13px;border-radius:14px;font-size:13px;font-weight:700;transition:.25s}nav a:hover,nav a.active{color:var(--blue);background:#eaf3ff}.actions{display:flex;gap:7px}.pill{border:1px solid var(--line);background:#fff;color:var(--ink);width:40px;height:40px;border-radius:13px;cursor:pointer;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.05)}.mobile-menu{display:none}.hero{padding:74px 0 45px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:52px}.badge,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.13em}.badge{padding:9px 13px;border-radius:999px;background:#eaf3ff;border:1px solid #d5e9ff;letter-spacing:.04em}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 18px;max-width:720px}.lead{font-size:17px;color:var(--muted);max-width:650px}.cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:15px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:800;font-size:13px;box-shadow:0 8px 22px rgba(0,50,120,.07);transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,90,220,.14)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-color:transparent;box-shadow:0 12px 25px rgba(0,106,255,.25)}.hero-img{position:relative}.hero-img:after{content:"";position:absolute;inset:auto 12% -12px 12%;height:25px;background:#3b8cff;filter:blur(25px);opacity:.25}.hero-img img{width:100%;height:510px;object-fit:cover;border-radius:34px;box-shadow:var(--shadow);border:7px solid rgba(255,255,255,.8);display:block}.floating{position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);padding:13px 16px;border-radius:18px;box-shadow:0 15px 40px rgba(0,50,130,.16);font-size:12px;font-weight:800}.float-a{left:-18px;bottom:36px}.float-b{right:-15px;top:28px}.section{padding:78px 0}.section.alt{background:rgba(232,243,255,.55)}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:30px}.section-head h2,.page-hero h1{margin:7px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.04em}.section-head>p{max-width:470px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(15,75,145,.08);border-radius:24px;padding:25px;transition:.3s;backdrop-filter:blur(16px)}.card:hover{transform:translateY(-6px);box-shadow:0 22px 55px rgba(15,75,145,.14)}.icon{font-size:29px;margin-bottom:12px}.card h3{margin:0 0 7px}.card p{color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.portrait{width:100%;height:500px;object-fit:cover;border-radius:32px;box-shadow:var(--shadow);border:6px solid #fff}.check{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.check span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#eaf3ff;color:var(--blue);margin-right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.stat{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);text-align:center}.stat strong{display:block;font-size:28px;color:var(--blue)}.stat span{font-size:12px;color:var(--muted)}.page-hero{padding:70px 0 50px;text-align:center}.page-hero p{color:var(--muted);max-width:700px;margin:14px auto 0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery-item{position:relative;overflow:hidden;border-radius:23px;cursor:pointer;background:#dcecff;aspect-ratio:1/1.05}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.gallery-item:hover img{transform:scale(1.07)}.gallery-caption{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);padding:10px 13px;border-radius:15px;font-weight:800;font-size:12px}.slider{position:relative;overflow:hidden;border-radius:30px;box-shadow:var(--shadow);background:#dcecff}.slides{display:flex;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.slide{min-width:100%;height:520px;position:relative}.slide img{width:100%;height:100%;object-fit:cover}.slide-overlay{position:absolute;inset:auto 0 0;padding:80px 30px 28px;background:linear-gradient(transparent,rgba(0,17,45,.78));color:#fff}.slide-overlay h2{margin:0;font-size:28px}.slider-controls{position:absolute;right:18px;bottom:18px;display:flex;gap:7px}.slider-controls button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(10px);cursor:pointer;font-size:18px}.form-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}.contact-card{background:linear-gradient(145deg,#07182f,#0a5ed7);color:#fff;border-radius:30px;padding:32px;box-shadow:0 25px 65px rgba(0,70,160,.25)}.contact-card p{color:#cfe1ff}.contact-item{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}.contact-item:last-child{border-bottom:0}.contact-item span{display:block;color:#b7d2fa;font-size:12px}.form-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#536174}.field input,.field select,.field textarea{font:inherit;border:1px solid #dfe7f2;background:#f8fbff;padding:13px 14px;border-radius:14px;outline:none;transition:.2s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#75b0ff;box-shadow:0 0 0 4px #eaf3ff}.notice{display:none;margin-top:15px;padding:12px 14px;border-radius:13px;background:#eaf8ef;color:#16733c;font-weight:700}.footer{margin-top:60px;padding:55px 0 25px;background:#061326;color:#dce8f8}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:35px}.footer .brand{color:#fff}.footer .brand small,.footer p{color:#9fb3cd}.footer a{color:#cfe1ff;text-decoration:none}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:35px;padding-top:20px;color:#7890ad;font-size:12px}.dark{--ink:#f4f8ff;--muted:#a6b5c9;--bg:#07111f;--card:rgba(12,27,46,.82);--line:rgba(255,255,255,.1)}.dark body{background:radial-gradient(circle at 85% 0,#0a315f 0,transparent 28%),#07111f}.dark .nav{background:rgba(10,24,42,.76);border-color:rgba(255,255,255,.08)}.dark nav a{color:#b8c7da}.dark nav a:hover,.dark nav a.active{background:#102b4e;color:#69adff}.dark .pill,.dark .btn,.dark .form-card,.dark .stat{background:#0c1b2e;color:#f4f8ff}.dark .field input,.dark .field select,.dark .field textarea{background:#081625;color:#fff;border-color:#20344d}.dark .section.alt{background:rgba(8,28,52,.65)}.dark .badge{background:#0e2948;border-color:#19436e}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:12px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 50px rgba(0,50,120,.15)}nav.open{display:flex}.nav{position:relative}.mobile-menu{display:block}.hero-grid,.about-grid,.form-wrap{grid-template-columns:1fr}.hero{padding-top:48px}.hero-img img{height:390px}.cards{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item.wide{grid-column:span 2}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.float-a{left:10px}.float-b{right:10px}}@media(max-width:620px){.container{width:min(100% - 24px,1160px)}.brand b{font-size:11px}.brand small{font-size:9px}.nav{height:68px;border-radius:20px}.brand img{width:42px;height:42px}.actions{margin-left:auto}.hero h1{font-size:40px}.hero-img img{height:300px;border-radius:25px}.section{padding:55px 0}.section-head{display:block}.section-head>p{margin-top:10px}.cards,.gallery-grid{grid-template-columns:1fr}.gallery-item.wide{grid-column:span 1}.slide{height:330px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.portrait{height:360px}.check{grid-template-columns:1fr}.float-a,.float-b{font-size:10px}.page-hero{padding:45px 0 35px}}
.social-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.social{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.05);color:#dce8f8!important;font-size:12px;font-weight:800}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:999px;background:#19b95a;color:#fff;text-decoration:none;font-weight:800;font-size:13px;box-shadow:0 16px 38px rgba(0,100,55,.25);border:2px solid rgba(255,255,255,.8)}.floating-whatsapp:hover{transform:translateY(-3px)}.contact-socials{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}.contact-socials a{padding:11px 13px;border-radius:14px;background:#f5f9ff;border:1px solid #e0e9f5;text-decoration:none;color:#19304d;font-weight:800;font-size:12px}.payment-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}.payment-card{padding:38px;border-radius:32px;background:linear-gradient(145deg,#07182f,#087cff);color:#fff;box-shadow:0 28px 75px rgba(0,70,160,.25)}.payment-icon{font-size:44px}.payment-number{margin:24px 0;padding:20px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}.payment-number span{display:block;color:#cfe1ff;font-size:12px}.payment-number strong{display:block;font-size:30px;letter-spacing:.04em}.payment-steps{display:grid;gap:10px}.payment-steps div{display:flex;gap:12px;align-items:center}.payment-steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.16)}.payment-side{display:grid;gap:14px}.glass-note{padding:25px;border-radius:25px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9);box-shadow:0 16px 45px rgba(15,75,145,.08)}.note-icon{font-size:28px}.glass-note h3{margin:8px 0 5px}.glass-note p{color:var(--muted)}@media(max-width:900px){.payment-wrap{grid-template-columns:1fr}}@media(max-width:620px){.floating-whatsapp{right:12px;bottom:12px}.floating-whatsapp span{display:none}.payment-card{padding:26px}.payment-number strong{font-size:23px}}

/* Premium iOS contact + WhatsApp layer */
.contact-premium{position:relative;overflow:hidden}.contact-premium:before,.contact-premium:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.contact-premium:before{width:380px;height:380px;right:-160px;top:30px;background:radial-gradient(circle,rgba(40,145,255,.16),transparent 68%)}.contact-premium:after{width:300px;height:300px;left:-150px;bottom:-120px;background:radial-gradient(circle,rgba(0,94,255,.11),transparent 68%)}
.admission-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;position:relative;z-index:1}.admission-panel{padding:36px;border-radius:34px;background:linear-gradient(145deg,#06182f 0%,#0a58c9 58%,#0b8cff 100%);color:#fff;box-shadow:0 30px 90px rgba(0,78,180,.25);position:relative;overflow:hidden}.admission-panel:after{content:"";position:absolute;width:250px;height:250px;right:-90px;top:-90px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}.mini-logo{width:66px;height:66px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;margin-bottom:20px;backdrop-filter:blur(12px)}.mini-logo img{width:48px;height:48px;object-fit:contain;border-radius:13px}.admission-panel h2{font-size:clamp(30px,4vw,44px);line-height:1.08;margin:10px 0}.admission-panel>p{color:#d5e7ff;max-width:500px}.contact-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:19px}.contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.ios-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 17px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--ink);text-decoration:none;font-weight:850;font-size:13px;box-shadow:0 10px 26px rgba(0,50,120,.09);transition:transform .22s,box-shadow .22s,background .22s}.ios-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,70,180,.16)}.ios-btn.white{background:#fff;color:#083264;border-color:rgba(255,255,255,.7)}.ios-btn.ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(12px)}.ios-btn.primary{background:linear-gradient(135deg,#087cff,#0058e8);color:#fff;border-color:transparent}.ios-btn.whatsapp-btn{background:linear-gradient(135deg,#1bd56b,#0eae52);color:#fff;border-color:rgba(255,255,255,.35);box-shadow:0 12px 30px rgba(13,167,80,.24)}.ios-btn.outline{background:transparent;border-color:#b9d8ff;color:var(--blue);box-shadow:none}.admission-form-card{padding:32px;border-radius:34px;position:relative}.admission-form-card:before{content:"";position:absolute;inset:0;border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(235,246,255,.55));z-index:-1}.form-intro{color:var(--muted);margin-top:-3px}.social-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;position:relative;z-index:1}.social-cards a{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;padding:17px 18px;border-radius:22px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:0 16px 45px rgba(15,75,145,.08);text-decoration:none;color:var(--ink);backdrop-filter:blur(16px);transition:.25s}.social-cards a:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(15,75,145,.14)}.social-cards span{grid-row:span 2;width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#e9f3ff;color:#087cff;font-weight:900;font-size:20px}.social-cards b{font-size:14px}.social-cards small{color:var(--muted);font-size:11px}.floating-whatsapp{width:58px;height:58px;right:20px;bottom:20px;padding:0;justify-content:center;border:3px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#20dc72,#0ca94e);box-shadow:0 15px 38px rgba(10,140,65,.32),0 0 0 8px rgba(25,190,88,.10);font-size:24px;animation:waPulse 2.8s infinite}.floating-whatsapp span{display:none}.floating-whatsapp:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(25,190,88,.18);animation:waRing 2.8s infinite}.floating-whatsapp:hover{transform:translateY(-4px) scale(1.04)}@keyframes waPulse{0%,100%{box-shadow:0 15px 38px rgba(10,140,65,.32),0 0 0 8px rgba(25,190,88,.10)}50%{box-shadow:0 18px 45px rgba(10,140,65,.4),0 0 0 13px rgba(25,190,88,.04)}}@keyframes waRing{0%,100%{transform:scale(.95);opacity:.75}50%{transform:scale(1.08);opacity:.25}}
.dark .social-cards a,.dark .admission-form-card:before{background:rgba(12,27,46,.78);border-color:rgba(255,255,255,.08)}.dark .social-cards span{background:#102b4e;color:#69adff}.dark .ios-btn{background:#0c1b2e;color:#f4f8ff;border-color:rgba(255,255,255,.1)}.dark .ios-btn.primary{background:linear-gradient(135deg,#087cff,#0058e8);color:#fff}.dark .ios-btn.whatsapp-btn{background:linear-gradient(135deg,#1bd56b,#0eae52);color:#fff}.dark .ios-btn.white{background:#fff;color:#07366d}.dark .ios-btn.ghost{background:rgba(255,255,255,.08);color:#fff}.dark .ios-btn.outline{background:transparent;color:#69adff;border-color:#214b78}
@media(max-width:900px){.admission-layout{grid-template-columns:1fr}.social-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.admission-panel,.admission-form-card{padding:24px;border-radius:27px}.social-cards{grid-template-columns:1fr}.contact-actions .ios-btn{flex:1 1 100%}.floating-whatsapp{right:14px;bottom:14px;width:56px;height:56px}.footer-grid{grid-template-columns:1fr}}


/* 2026 refresh: subtle karate-motion backdrop, stronger responsive layout */
body:after{
 content:"";position:fixed;z-index:-1;pointer-events:none;right:-4vw;bottom:4vh;width:min(34vw,430px);height:min(48vh,500px);
 opacity:.055;background-repeat:no-repeat;background-position:center;background-size:contain;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cg fill='%23087cff'%3E%3Ccircle cx='150' cy='57' r='28'/%3E%3Cpath d='M128 91 Q150 80 174 96 L190 164 162 188 135 153 113 201 85 185 111 121Z'/%3E%3Cpath d='M124 105 L69 141 36 112 20 128 62 171 143 139Z'/%3E%3Cpath d='M172 106 L219 75 251 90 260 72 219 48 158 91Z'/%3E%3Cpath d='M145 177 L110 234 58 248 66 270 131 261 177 213Z'/%3E%3Cpath d='M164 177 L205 203 255 185 266 204 208 233 151 216Z'/%3E%3Cpath d='M132 112 L166 113 156 133 127 131Z' fill='%23ff8a00'/%3E%3C/g%3E%3C/svg%3E");
 animation:karateFloat 9s ease-in-out infinite alternate
}
@keyframes karateFloat{0%{transform:translate3d(0,10px,0) rotate(-2deg)}100%{transform:translate3d(-12px,-14px,0) rotate(2deg)}}
.hero-img img,.portrait,.gallery-grid img{transition:transform .45s ease,filter .45s ease}
.hero-img:hover img{transform:scale(1.012);filter:saturate(1.08)}
.btn.primary{animation:softGlow 3.2s ease-in-out infinite}
@keyframes softGlow{0%,100%{box-shadow:0 12px 25px rgba(0,106,255,.22)}50%{box-shadow:0 14px 34px rgba(0,106,255,.38)}}
nav a,.pill,.card,.ios-btn{touch-action:manipulation}
img{max-width:100%}
@media(min-width:1200px){.container{width:min(1240px,calc(100% - 64px))}.hero{padding-top:88px}.hero-grid{gap:64px}.hero-img img{height:560px}}
@media(max-width:900px){.nav{gap:10px}.brand b{font-size:11px}nav a{padding:9px 8px;font-size:12px}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero-img img{height:420px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.nav-wrap{top:0;padding-top:7px}.container{width:calc(100% - 28px)}.nav{height:66px;border-radius:19px;padding:8px 10px}.brand{gap:7px}.brand img{width:40px;height:40px}.brand b{font-size:10px;letter-spacing:.025em}.brand small{font-size:9px}.actions{margin-left:auto;gap:5px}.pill{width:36px;height:36px;border-radius:11px}.mobile-menu{display:block}nav{display:none;position:absolute;top:74px;left:14px;right:14px;margin:0;padding:12px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(0,45,100,.18);flex-direction:column;align-items:stretch;gap:3px}nav.open{display:flex}nav a{font-size:14px;padding:11px 13px}.hero{padding:42px 0 22px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(35px,10vw,48px);letter-spacing:-.04em}.lead{font-size:15px}.hero-img img{height:auto;max-height:390px;aspect-ratio:1.08;object-fit:cover;border-radius:25px}.float-a{left:5px;bottom:18px}.float-b{right:5px;top:12px}.floating{font-size:10px;padding:9px 11px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{padding:15px}.section{padding:52px 0}.section-head{display:block}.section-head>p{margin-top:12px}.cards{grid-template-columns:1fr;gap:12px}.card{padding:21px;border-radius:20px}.about-grid{grid-template-columns:1fr;gap:25px}.portrait{height:auto;max-height:420px}.check{grid-template-columns:1fr}.page-hero{padding:42px 0 25px}.payment-wrap{grid-template-columns:1fr}.payment-card{padding:24px 19px}.payment-steps{gap:9px}.cta .ios-btn{flex:1 1 100%;justify-content:center}.footer-grid{grid-template-columns:1fr;gap:25px}body:after{width:58vw;height:36vh;right:-14vw;bottom:10vh;opacity:.04}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Club photo gallery: images remain clean, without text overlays */
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gallery-item,.gallery-item.wide{grid-column:auto;aspect-ratio:4/3;border-radius:20px}
.gallery-item img{object-fit:cover}
.gallery-item:focus-within,.gallery-item:hover{box-shadow:0 18px 38px rgba(0,89,217,.18)}
.gallery-caption{display:none}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-item,.gallery-item.wide{aspect-ratio:3/4;border-radius:14px}.gallery-item img{transition:transform .35s}}
@media(prefers-reduced-motion:reduce){.gallery-item img{transition:none}.gallery-item:hover img{transform:none}}

/* Requested photo placement + subtle karate motion background */
.hero-img img{height:auto;max-height:620px;aspect-ratio:4/3;object-fit:contain;background:#f4f7fc;padding:0}
.home-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.home-photo-grid img{display:block;width:100%;height:430px;object-fit:cover;border-radius:26px;border:5px solid rgba(255,255,255,.85);box-shadow:var(--shadow);transition:transform .45s,box-shadow .45s}
.home-photo-grid img:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 28px 65px rgba(0,80,190,.2)}
body:after{content:"";position:fixed;z-index:-1;pointer-events:none;right:-5vw;bottom:2vh;width:min(42vw,520px);height:min(55vh,520px);opacity:.075;background-repeat:no-repeat;background-position:center;background-size:contain;animation:karateFloat 7s ease-in-out infinite;transform-origin:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 340'%3E%3Cg fill='%23005edb'%3E%3Ccircle cx='151' cy='44' r='24'/%3E%3Cpath d='M128 73 Q151 61 175 76 L191 145 L158 170 L125 139Z'/%3E%3Cpath d='M130 83 L81 118 L36 95 L22 110 L78 145 L146 119Z'/%3E%3Cpath d='M173 83 L212 111 L260 78 L272 92 L216 139 L182 126Z'/%3E%3Cpath d='M132 143 L168 160 L134 222 L91 264 L72 250 L111 196Z'/%3E%3Cpath d='M164 157 L195 143 L219 185 L274 195 L270 214 L202 210 L172 190Z'/%3E%3C/g%3E%3C/svg%3E")}
@keyframes karateFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}
@media(max-width:760px){.home-photo-grid{grid-template-columns:1fr}.home-photo-grid img{height:auto;max-height:440px;object-fit:contain;background:#eef4fc}.hero-img img{max-height:none;height:auto;aspect-ratio:4/3;object-fit:contain}.hero{padding-top:40px}body:after{width:65vw;height:40vh;right:-18vw;opacity:.05}}
@media(prefers-reduced-motion:reduce){body:after{animation:none}.home-photo-grid img{transition:none}}


/* Coaches poster: show the complete supplied artwork, never crop it */
.coach-poster{width:100%;height:auto!important;max-height:none!important;aspect-ratio:1/1;object-fit:contain!important;background:#f3f7ff;border-radius:26px;box-shadow:var(--shadow)}
.home-photo-grid img[src*="two-proud-coaches"]{object-fit:contain;background:#f3f7ff;height:auto;max-height:680px}
/* Animated karate practice silhouettes in the background */
body:before{content:"";position:fixed;z-index:-2;pointer-events:none;left:-3vw;top:26vh;width:min(31vw,360px);height:min(46vh,460px);opacity:.045;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 400'%3E%3Cg fill='%23005edb'%3E%3Ccircle cx='145' cy='48' r='25'/%3E%3Cpath d='M124 77 Q147 65 171 81 L190 151 L160 176 L126 141Z'/%3E%3Cpath d='M130 87 L82 118 L35 94 L21 109 L78 145 L145 119Z'/%3E%3Cpath d='M171 87 L220 60 L260 78 L269 61 L219 38 L157 76Z'/%3E%3Cpath d='M133 146 L163 163 L126 220 L82 248 L67 231 L106 191Z'/%3E%3Cpath d='M162 158 L193 142 L225 175 L277 176 L276 196 L209 204 L171 187Z'/%3E%3C/g%3E%3C/svg%3E");animation:karateShadowMove 5.8s ease-in-out infinite alternate}
@keyframes karateShadowMove{0%{transform:translate3d(0,10px,0) rotate(-5deg) scale(.97)}50%{transform:translate3d(13px,-9px,0) rotate(3deg) scale(1.02)}100%{transform:translate3d(-4px,12px,0) rotate(-2deg) scale(1)}}
@media(max-width:700px){body:before{width:46vw;height:32vh;left:-18vw;top:36vh;opacity:.035}.coach-poster{border-radius:20px}.home-photo-grid img[src*="two-proud-coaches"]{max-height:none}}
@media(prefers-reduced-motion:reduce){body:before{animation:none}}

/* Premium mobile-first karate motion layer */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-grid{position:relative;z-index:2}
.hero-img img{object-fit:contain;background:linear-gradient(135deg,#071c52,#0b3979);height:auto;min-height:300px;max-height:520px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.btn{transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.btn:hover,.btn:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,91,217,.25)}
.shine,.admission-btn{position:relative;overflow:hidden}
.shine:after,.admission-btn:after{content:"";position:absolute;top:-30%;left:-65%;width:40%;height:160%;transform:skewX(-24deg);background:rgba(255,255,255,.45);animation:buttonShine 2.7s ease-in-out infinite}
@keyframes buttonShine{0%,45%{left:-65%}80%,100%{left:140%}}
.karate-bg-animation{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 60%,rgba(8,124,255,.09),transparent 55%)}
.club-watermark{position:absolute;left:50%;top:46%;white-space:nowrap;transform:translate(-50%,-50%);font-size:clamp(22px,4vw,58px);font-weight:900;letter-spacing:.09em;color:rgba(5,46,105,.045);animation:watermarkDrift 14s ease-in-out infinite alternate}
.fighter{position:absolute;top:45%;font-size:clamp(58px,8vw,110px);filter:grayscale(1);opacity:.13;transform-origin:center;animation:fighterMove 3.6s ease-in-out infinite alternate}
.fighter-left{left:5%;animation-name:fighterLeft}
.fighter-right{right:5%;animation-name:fighterRight;animation-delay:-1.8s}
.fight-flash{position:absolute;left:50%;top:45%;font-size:clamp(34px,5vw,65px);color:rgba(255,185,0,.3);animation:flashHit 1.8s steps(2,end) infinite}
@keyframes fighterLeft{0%{transform:translate(0,10px) rotate(-10deg)}45%{transform:translate(22px,-12px) rotate(12deg)}65%{transform:translate(44px,-18px) rotate(22deg)}100%{transform:translate(8px,0) rotate(-6deg)}}
@keyframes fighterRight{0%{transform:translate(0,0) scaleX(-1) rotate(8deg)}45%{transform:translate(-25px,-14px) scaleX(-1) rotate(-10deg)}65%{transform:translate(-44px,-22px) scaleX(-1) rotate(-22deg)}100%{transform:translate(-8px,5px) scaleX(-1) rotate(6deg)}}
@keyframes flashHit{0%,55%,100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}62%{opacity:.85;transform:translate(-50%,-50%) scale(1.25)}}
@keyframes watermarkDrift{from{letter-spacing:.06em;opacity:.5}to{letter-spacing:.13em;opacity:1}}
.coach-poster{height:auto;max-height:760px;object-fit:contain;background:#f5f8ff}
@media(max-width:760px){.hero{padding:36px 0 26px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:clamp(32px,9vw,46px)}.hero-img{margin:0 4px}.hero-img img{min-height:0;max-height:390px;border-width:4px;border-radius:22px}.floating{font-size:10px;padding:8px 10px}.float-a{left:0;bottom:14px}.float-b{right:0;top:12px}.hero-actions .btn{flex:1 1 42%;justify-content:center;min-height:48px}.hero-actions .primary{flex-basis:100%}.fighter-left{left:-3%}.fighter-right{right:-3%}.club-watermark{white-space:normal;text-align:center;width:90%;font-size:clamp(18px,5vw,30px)}.section{padding:48px 0}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-item.wide{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){.fighter,.fight-flash,.club-watermark,.shine:after,.admission-btn:after{animation:none!important}.btn{transition:none}}


/* Unique, lightweight iOS-inspired motion polish */
.about-text-only{grid-template-columns:1fr!important;max-width:920px;position:relative}
.about-text-only:before{content:"OSMANI KARATE CLUB SYLHET";position:absolute;right:-2%;top:2%;font-weight:950;letter-spacing:.12em;line-height:1.1;text-align:right;font-size:clamp(28px,5vw,66px);color:rgba(8,124,255,.045);pointer-events:none;animation:clubDrift 12s ease-in-out infinite alternate}
.value-cards .card{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.value-cards .card:before{content:"";position:absolute;inset:-120% -40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%);transform:translateX(-70%) rotate(12deg);transition:transform .8s;pointer-events:none}
.value-cards .card:hover:before{transform:translateX(70%) rotate(12deg)}
.value-cards .card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 25px 55px rgba(0,90,210,.16);border-color:rgba(8,124,255,.25)}
.hero-img{animation:heroFloat 6s ease-in-out infinite}
.hero-img img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}
.hero-img:hover img{transform:scale(1.025);filter:saturate(1.08)}
.floating{animation:badgeBob 4.2s ease-in-out infinite}
.float-b{animation-delay:-2s}
.slider{box-shadow:0 25px 65px rgba(5,45,110,.14)}
.slide img{transition:transform 7s ease}
.slide.active img{transform:scale(1.045)}
.btn{position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s,filter .25s}
.btn:hover{transform:translateY(-4px);filter:saturate(1.15);box-shadow:0 15px 35px rgba(0,85,200,.2)}
@keyframes clubDrift{0%{transform:translate3d(0,0,0);opacity:.55}100%{transform:translate3d(-10px,12px,0);opacity:1}}
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes badgeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:700px){.about-text-only:before{right:0;top:-12px;font-size:clamp(23px,7vw,38px);max-width:100%;overflow-wrap:anywhere}.value-cards .card:hover{transform:translateY(-3px)}.hero-img{animation-duration:8s}.floating{animation-duration:5s}}
@media(prefers-reduced-motion:reduce){.about-text-only:before,.value-cards .card,.hero-img,.floating{animation:none!important;transition:none!important}}

/* About page: one shared coaches photo, no cards */
.sensei-about{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.sensei-photo-wrap{min-width:0}
.sensei-photo{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;border-radius:24px;box-shadow:0 24px 70px rgba(8,76,160,.15)}
.sensei-copy h2{font-size:clamp(28px,4vw,43px);line-height:1.18;letter-spacing:-.035em;margin:10px 0 18px}
.sensei-copy p{color:var(--muted);font-size:16px}
.sensei-copy .karate-motto{font-weight:900;color:var(--blue);font-size:clamp(18px,2.4vw,25px);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
@media(max-width:700px){.sensei-about{grid-template-columns:1fr;gap:25px}.sensei-photo{border-radius:18px;max-height:none}.sensei-copy h2{font-size:30px}.sensei-copy p{font-size:15px}}