/* Markazul Abrar - premium visual layer (presentation only) */
:root{--nx-bg:#07101f;--nx-bg2:#0d1a2e;--nx-card:#111f35;--nx-line:rgba(137,190,220,.15);--nx-cyan:#35d7d1;--nx-gold:#ffad48;--nx-text:#f3f7ff;--nx-muted:#aab8cc;--nx-radius:22px}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--nx-bg)!important;color:var(--nx-text)!important;font-family:Arial,"Noto Sans Bengali",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 12%,rgba(26,196,190,.12),transparent 30%),radial-gradient(ellipse at 90% 38%,rgba(255,173,72,.08),transparent 28%),linear-gradient(180deg,#07101f,#0b1425 65%,#07101f)}
a{transition:color .2s,background .2s,transform .25s} .top.site-header{position:sticky;top:0;z-index:1000;padding:12px max(18px,calc((100% - 1240px)/2));background:rgba(7,16,31,.91)!important;border-bottom:1px solid var(--nx-line);backdrop-filter:blur(18px);box-shadow:0 12px 35px #0004}
.brand-lockup{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:clamp(15px,1.8vw,21px);font-weight:900;line-height:1.4}.brand-lockup>span:last-child{display:flex;flex-direction:column}.brand-lockup small{font-size:10px;letter-spacing:2px;color:var(--nx-cyan);font-weight:700}.site-logo{width:48px;height:48px;border-radius:15px;object-fit:contain;background:#fff;padding:4px;box-shadow:0 5px 20px #35d7d122}.logo-fallback{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#16b7a9,#087c76);color:#fff;font-size:27px}
#main-nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap}#main-nav a{color:#b6c4d7!important;border-radius:10px;padding:10px 11px;font-size:13px;font-weight:700}#main-nav a:hover{background:#35d7d118;color:var(--nx-cyan)!important}.menu-toggle{display:none;background:#11243b;border:1px solid var(--nx-line);border-radius:12px;padding:10px 13px;color:var(--nx-cyan);font-weight:800}
.hero{min-height:620px;position:relative;isolation:isolate;overflow:hidden;padding:100px 20px 90px;background:radial-gradient(ellipse at 17% 30%,#16b7a91f,transparent 35%),radial-gradient(ellipse at 82% 70%,#ffad4818,transparent 30%),linear-gradient(135deg,#07101f 0%,#10243b 55%,#081426 100%)!important;color:#fff!important}.hero:before,.hero:after{z-index:-1;pointer-events:none}.hero:before{width:380px;height:380px;right:-100px;top:-160px;border:1px solid #35d7d12d;border-radius:50%;box-shadow:0 0 0 35px #35d7d10b,0 0 0 75px #35d7d108}.hero:after{width:300px;height:300px;left:-120px;bottom:-180px;border:1px solid #ffad4830;border-radius:50%;box-shadow:0 0 0 38px #ffad4808}.hero-inner{position:relative;z-index:2;max-width:1000px;animation:nxRise .9s ease both}.eyebrow{border:1px solid #35d7d15c;background:#35d7d112;color:var(--nx-cyan)!important;border-radius:50px;padding:10px 18px;font-size:13px;letter-spacing:1px}.hero h1{font-size:clamp(36px,6.2vw,70px);line-height:1.3;letter-spacing:-1px;text-shadow:0 8px 40px #35d7d128;color:#fff!important;margin:25px 0 15px}.hero p{max-width:790px;color:#c0ccdc!important;font-size:clamp(17px,2vw,21px);line-height:1.9}.actions{gap:13px}.btn{border-radius:12px;padding:14px 21px;font-size:14px;font-weight:800;box-shadow:0 8px 22px #0002}.btn-gold{background:linear-gradient(135deg,#ffd17b,#ff9c35)!important;color:#1b1b21!important;border:0}.btn-glass{background:#35d7d112!important;border:1px solid #35d7d15c!important;color:#6ce9e1!important}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 28px #0004}
.wrap{max-width:1240px;margin:0 auto;padding:76px 22px}.heading{margin-bottom:34px}.heading span{display:inline-block;color:var(--nx-cyan)!important;font-size:13px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.heading h2{color:#f3f7ff!important;font-size:clamp(27px,3.4vw,42px);font-weight:900;margin:10px 0 12px}.heading p{color:var(--nx-muted)!important;line-height:1.8}.about,.panel,.tile,.teacher-card,.empty{background:linear-gradient(145deg,#12233a,#0e1b30)!important;border:1px solid var(--nx-line);border-radius:var(--nx-radius)!important;box-shadow:0 18px 45px #0003!important;color:#e9f2ff!important}.about{padding:32px;line-height:2;color:#c4d0df!important}.panel{padding:26px}.panel h2,.panel h3{color:#f3f7ff!important}.panel p,.quote{color:#b7c7d9!important;line-height:1.9}.columns{gap:24px}.gallery{gap:22px}.tile,.teacher-card{overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.tile:hover,.teacher-card:hover{transform:translateY(-7px);border-color:#35d7d15c;box-shadow:0 22px 48px #0005!important}.tile img,.tile video{height:260px;object-fit:cover;background:#07101f}.tile .caption,.teacher-info{padding:20px}.caption h3,.teacher-info h3{color:#f4f7ff!important}.caption p,.teacher-info p{color:#aebdd0!important;line-height:1.75}.teacher-grid{gap:22px}.teacher-card img{height:270px;object-fit:cover}.teacher-placeholder{background:#152c43;color:var(--nx-cyan)}.empty{padding:28px;color:#aebdd0!important}.notice{border-color:var(--nx-line);color:#d6e0ee}.notice small{color:var(--nx-cyan)}
/* Public results */
.results-panel{padding:24px}.result-filters{display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:22px}.result-filters label{display:grid;gap:7px;min-width:190px;flex:1;color:#c6d4e4;font-weight:800;font-size:13px}.result-filters select{width:100%;padding:13px 14px;border-radius:11px;border:1px solid var(--nx-line);background:#0a1729;color:#f2f6ff;font:inherit}.public-result-table{border:1px solid var(--nx-line);border-radius:14px}.public-result-table table{min-width:900px}.public-result-table th{background:#142b43;color:#65e0d8;border-bottom:1px solid var(--nx-line);white-space:nowrap}.public-result-table td{color:#dce6f3;border-bottom:1px solid var(--nx-line)}.public-result-table tr:hover td{background:#35d7d10a}.grade-pill{display:inline-flex;padding:5px 10px;border-radius:30px;background:#35d7d11c;color:#6ce9e1;font-weight:900}.result-footnote{font-size:12px;color:#8fa2ba!important;margin:15px 2px 0}
.tablewrap{border-radius:12px}table{border-collapse:separate;border-spacing:0}th,td{padding:13px 14px}th{color:var(--nx-cyan)}td{border-color:var(--nx-line)}footer{background:linear-gradient(135deg,#06101d,#0c2437)!important;border-top:1px solid var(--nx-line);padding:60px 20px}footer h2{color:#fff!important}footer p,.copyright{color:#9fb0c4!important}.social a{border-color:#35d7d14a;color:#6ce9e1;border-radius:12px}.social a:hover{background:#35d7d115}
/* Floating trilingual words */
.floating-words{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.floating-word{position:absolute;display:block;white-space:nowrap;color:#5de5dc;opacity:0;filter:drop-shadow(0 0 12px #35d7d13a);font-size:clamp(12px,1.3vw,17px);font-weight:800;animation:nxFloat 17s ease-in-out infinite}.floating-word:nth-child(3n){color:#ffc274}.floating-word:nth-child(3n + 1){font-family:Arial,"Noto Sans Bengali",sans-serif}.floating-word:nth-child(4n){font-size:clamp(15px,1.7vw,22px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes nxFloat{0%{opacity:0;transform:translate3d(0,25px,0) rotate(-5deg)}15%{opacity:.34}50%{opacity:.23;transform:translate3d(28px,-30px,0) rotate(4deg)}85%{opacity:.3}100%{opacity:0;transform:translate3d(-18px,-75px,0) rotate(-4deg)}}@keyframes nxRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.top.site-header{flex-wrap:wrap}.menu-toggle{display:block}#main-nav{display:none;width:100%;padding:8px 0 3px;flex-direction:column;align-items:stretch}#main-nav.active{display:flex}#main-nav a{padding:12px 14px}.hero{min-height:560px}.wrap{padding:58px 18px}}
@media(max-width:620px){.top.site-header{padding:10px 14px}.site-logo,.logo-fallback{width:42px;height:42px}.hero{min-height:520px;padding:78px 17px}.hero h1{font-size:clamp(32px,10vw,46px)}.hero p{font-size:16px}.actions{flex-direction:column;align-items:stretch;max-width:340px;margin:auto}.actions .btn{width:100%}.wrap{padding:48px 14px}.about,.panel{padding:19px}.heading{margin-bottom:24px}.tile img,.tile video{height:220px}.result-filters{align-items:stretch}.result-filters label{min-width:100%}.result-filters .btn{width:100%}.floating-word{font-size:12px}.public-result-table table{min-width:860px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
