*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#0ea5e9;--blue-deep:#1e3a8a;--blue-mid:#2563eb;--blue-light:#3b82f6;--indigo:#6366f1;--purple:#8b5cf6;--red:#ef4444;--green:#22c55e;--nav-h:72px}html{scroll-behavior:smooth}body{color:#1e293b;-webkit-user-select:none;user-select:none;background:#f8fafc;font-family:Poppins,Noto Sans Sinhala,sans-serif;overflow-x:hidden}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none}nav{height:var(--nav-h);-webkit-backdrop-filter:blur(12px);z-index:1000;background:#f8fafceb;border-bottom:1px solid #00000012;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex}.nav-logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.nz-badge{color:#fff;background:#1d4ed8;border-radius:10px;justify-content:center;align-items:center;width:clamp(36px,5vw,44px);height:clamp(36px,5vw,44px);font-size:clamp(13px,2vw,17px);font-weight:900;transition:transform .2s;display:flex;box-shadow:0 4px 14px #1d4ed84d}.nav-logo:hover .nz-badge{transform:scale(1.08)}.nav-wordmark{letter-spacing:-.02em;color:#0f172a;white-space:nowrap;font-size:clamp(17px,3vw,24px);font-weight:800}.nav-wordmark span{color:#2563eb}.nav-right{align-items:center;gap:clamp(12px,3vw,24px);display:flex}.nav-socials{align-items:center;gap:16px;display:flex}.nav-socials a{font-size:clamp(20px,3vw,26px);text-decoration:none;transition:transform .2s,opacity .2s}.nav-socials a:hover{opacity:.85;transform:scale(1.15)}.yt-link{color:#dc2626}.fb-link{color:#2563eb}.btn-signin{color:#fff;white-space:nowrap;background:#0f172a;border-radius:50px;align-items:center;gap:8px;padding:clamp(8px,1.5vw,10px) clamp(16px,3vw,24px);font-size:clamp(12px,1.5vw,14px);font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:flex}.btn-signin:hover{background:#000;transform:translateY(-1px)}@media (width<=480px){.nav-socials{display:none}}.hero{margin-top:var(--nav-h);flex-direction:column;align-items:center;gap:32px;max-width:1200px;margin-left:auto;margin-right:auto;padding:clamp(40px,8vw,80px) clamp(16px,5vw,60px) clamp(40px,6vw,60px);display:flex}@media (width>=768px){.hero{flex-direction:row;gap:clamp(24px,5vw,64px)}}.hero-img-wrap{flex:none;justify-content:center;display:flex;position:relative}@keyframes float-pulse{0%{filter:drop-shadow(0 12px 20px #0ea5e940);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 24px 32px #0ea5e973);transform:translateY(-14px)scale(1.02)}to{filter:drop-shadow(0 12px 20px #0ea5e940);transform:translateY(0)scale(1)}}.hero-logo{z-index:2;width:clamp(180px,40vw,340px);animation:4s ease-in-out infinite float-pulse;position:relative}.hero-deco{opacity:.35;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-text{text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}@media (width>=768px){.hero-text{text-align:left;align-items:flex-start}}.hero-tagline{color:#ef4444;font-size:clamp(20px,4vw,38px);font-weight:700;line-height:1.2}.hero-name{color:#0f172a;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(28px,6vw,58px);font-weight:900;line-height:1.05}.hero-sub{color:#64748b;letter-spacing:.03em;margin-top:4px;font-size:clamp(13px,2.2vw,18px);font-weight:500}.btn-ai{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;align-items:center;gap:10px;margin-top:20px;padding:clamp(12px,2vw,14px) clamp(24px,4vw,32px);font-family:inherit;font-size:clamp(13px,1.8vw,17px);font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #6366f159}.btn-ai:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f173}.features{background:#f1f5f9;padding:clamp(40px,7vw,72px) clamp(16px,5vw,40px)}.features-grid{grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto;display:grid}@media (width>=640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;align-items:center;padding:clamp(28px,4vw,40px) clamp(24px,3vw,36px);transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.feature-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}.feature-deco{opacity:.3;border-radius:50%;width:100px;height:100px;transition:transform .5s;position:absolute;top:-20px;right:-20px}.feature-card:hover .feature-deco{transform:scale(2)}.feature-icon{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:clamp(60px,8vw,80px);height:clamp(60px,8vw,80px);margin-bottom:20px;font-size:clamp(24px,4vw,36px);transition:transform .35s;display:flex;position:relative}.feature-card:hover .feature-icon{transform:rotate(12deg)}.feature-title{z-index:1;margin-bottom:12px;font-size:clamp(18px,2.5vw,22px);font-weight:800;position:relative}.feature-desc{color:#64748b;z-index:1;font-size:clamp(13px,1.6vw,15px);font-weight:500;line-height:1.7;position:relative}.feature-bar{border-radius:0 0 24px 24px;height:3px;transition:transform .4s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover .feature-bar{transform:scaleX(1)}.study-packs{max-width:1200px;margin:0 auto;padding:clamp(40px,7vw,72px) clamp(16px,5vw,40px)}.section-title{color:#ef4444;text-align:center;margin-bottom:clamp(24px,4vw,48px);font-size:clamp(26px,5vw,44px);font-weight:900}.packs-grid{grid-template-columns:repeat(2,1fr);gap:clamp(12px,2.5vw,28px);display:grid}@media (width>=560px){.packs-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.packs-grid{grid-template-columns:repeat(4,1fr)}}.pack-card{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.pack-img-wrap{aspect-ratio:16/9;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 4px 16px #0000001a}.pack-img-wrap img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.pack-card:hover .pack-img-wrap img{transform:scale(1.05)}.pack-title{color:#0f172a;text-align:center;font-size:clamp(11px,1.4vw,14px);font-weight:700;line-height:1.4}.teacher{background:#f1f5f9;padding:clamp(40px,7vw,72px) clamp(16px,5vw,40px)}.teacher-inner{flex-direction:column;align-items:center;gap:32px;max-width:900px;margin:0 auto;display:flex}@media (width>=640px){.teacher-inner{flex-direction:row;align-items:center;gap:clamp(32px,6vw,72px)}}.teacher-photo{-o-object-fit:cover;object-fit:cover;border-radius:4px;flex-shrink:0;width:clamp(180px,35vw,280px);height:clamp(180px,35vw,280px);box-shadow:0 12px 40px #0000002e}.teacher-info{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}@media (width>=640px){.teacher-info{text-align:left;align-items:flex-start}}.teacher-name{background:linear-gradient(135deg,#2563eb,#1e3a8a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:4px;font-size:clamp(24px,4vw,38px);font-weight:900}.teacher-degree{color:#1e293b;font-size:clamp(13px,1.8vw,17px);font-weight:600}.teacher-contact{color:#475569;margin-top:4px;font-size:clamp(12px,1.6vw,15px);font-weight:500}footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:clamp(28px,5vw,48px) clamp(16px,5vw,40px)}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{text-align:center;flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=768px){.footer-top{text-align:left;flex-direction:row;justify-content:space-between}}.footer-brand{flex-direction:column;align-items:center;gap:6px;display:flex}@media (width>=768px){.footer-brand{align-items:flex-start}}.footer-logo-row{align-items:center;gap:8px;display:flex}.footer-nz{color:#fff;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:flex}.footer-wordmark{letter-spacing:-.02em;color:#0f172a;font-size:17px;font-weight:900}.footer-wordmark span{color:var(--primary)}.footer-copy{color:#94a3b8;font-size:11px;font-weight:500}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer-links a{color:#475569;align-items:center;gap:6px;font-size:clamp(12px,1.4vw,14px);font-weight:600;text-decoration:none;transition:color .2s;display:flex}.footer-links a:hover{color:var(--primary)}.footer-socials{align-items:center;gap:12px;display:flex}.social-btn{background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.social-btn.fb{color:#2563eb}.social-btn.yt{color:#dc2626}.social-btn.wa{color:#16a34a}.social-btn.fb:hover{color:#fff;background:#2563eb}.social-btn.yt:hover{color:#fff;background:#dc2626}.social-btn.wa:hover{color:#fff;background:#16a34a}.footer-dev{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.18em;margin-top:24px;font-size:10px;font-weight:700}.footer-dev a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-dev a:hover{color:#f87171}