@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;600;700&family=Outfit:wght@400;500;600;700&display=swap');

:root{--ink:#05080d;--panel:#0c121a;--panel2:#111b26;--text:#e8edf3;--muted:#9aa8b7;--cyan:#64ddf3;--blue:#287ea9;--ember:#e6743f;--line:rgba(140,205,225,.17);--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:"Noto Nastaliq Urdu",serif;line-height:2.05;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.latin{font-family:Outfit,sans-serif;letter-spacing:.1em}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-head{position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid transparent;transition:.3s}.site-head.scrolled{background:rgba(5,8,13,.88);backdrop-filter:blur(18px);border-color:var(--line)}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px;direction:ltr}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 24px rgba(100,221,243,.24);font-size:19px;color:var(--cyan)}.brand b{font:600 15px/1 Outfit,sans-serif;letter-spacing:.16em}.nav-links{display:flex;align-items:center;gap:27px;direction:rtl;font-size:15px}.nav-links a{color:#b9c4cf;transition:.2s}.nav-links a:hover,.nav-links a.active{color:white}.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{min-height:760px;height:100vh;position:relative;display:grid;align-items:end;background:url('elyria-hero.png') center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.15),rgba(5,8,13,.03) 50%,rgba(5,8,13,.58)),linear-gradient(0deg,var(--ink),transparent 44%),linear-gradient(180deg,rgba(5,8,13,.46),transparent 25%)}.hero-copy{position:relative;z-index:1;padding:150px 0 90px;max-width:680px;margin-right:auto}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan);font:600 12px Outfit,sans-serif;letter-spacing:.24em;text-transform:uppercase;direction:ltr;justify-content:flex-end}.eyebrow:before{content:"";height:1px;width:48px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,8vw,112px);line-height:.94;margin:17px 0 24px;font-family:Outfit,sans-serif;letter-spacing:-.045em;text-shadow:0 10px 40px #000}.urdu-title{display:block;font-family:"Noto Nastaliq Urdu",serif;font-size:.3em;letter-spacing:0;line-height:2;color:#dbe9ee}.hero p{font-size:19px;color:#c9d1da;max-width:570px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{min-height:52px;padding:10px 24px;border:1px solid var(--cyan);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;transition:.25s}.btn.primary{background:var(--cyan);color:#061016}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(100,221,243,.18)}.btn.ghost{border-color:rgba(255,255,255,.22);background:rgba(5,8,13,.38)}
.stats{position:absolute;z-index:2;left:0;bottom:28px;display:flex;gap:34px;direction:ltr}.stat span{display:block;color:var(--muted);font:500 10px Outfit,sans-serif;letter-spacing:.2em}.stat b{font:500 17px Outfit,sans-serif}.section{padding:105px 0}.section-kicker{font:600 12px Outfit,sans-serif;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase}.section h2{font-size:clamp(34px,4.8vw,64px);line-height:1.45;margin:8px 0 14px}.lead{font-size:18px;color:var(--muted);max-width:700px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.card{background:linear-gradient(145deg,rgba(18,29,40,.94),rgba(8,13,20,.96));border:1px solid var(--line);padding:30px;min-height:260px;position:relative;overflow:hidden;transition:.3s}.card:before{content:"";position:absolute;width:90px;height:90px;border:1px solid var(--line);border-radius:50%;top:-48px;left:-30px}.card:hover{transform:translateY(-6px);border-color:rgba(100,221,243,.4)}.num{font:500 12px Outfit,sans-serif;color:var(--cyan);letter-spacing:.18em}.card h3{font-size:25px;margin:20px 0 8px}.card p{color:var(--muted);font-size:15px}.feature{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;background:#080d14;border:1px solid var(--line)}.feature-art{background:url('elyria-hero.png') 20% center/cover no-repeat;position:relative}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#080d14)}.feature-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.quote{font-size:28px;line-height:1.9;color:#edf7fa}.signature{color:var(--cyan);font-size:14px}.footer{border-top:1px solid var(--line);padding:38px 0;color:#7f8b97}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer small{font-family:Outfit,sans-serif;letter-spacing:.08em}
.page-hero{padding:170px 0 75px;background:radial-gradient(circle at 20% 20%,rgba(40,126,169,.18),transparent 36%),linear-gradient(180deg,#0c141f,var(--ink));border-bottom:1px solid var(--line)}.page-hero h1{font-family:"Noto Nastaliq Urdu",serif;font-size:clamp(45px,7vw,78px);line-height:1.5;letter-spacing:0;margin:10px 0}.page-hero p{max-width:720px;color:var(--muted);font-size:18px}.world-map{margin-top:50px;position:relative;min-height:430px;background:linear-gradient(rgba(4,9,14,.25),rgba(4,9,14,.7)),url('elyria-hero.png') center/cover;border:1px solid var(--line);box-shadow:var(--shadow)}.map-label{position:absolute;padding:9px 14px;background:rgba(4,8,13,.84);border:1px solid var(--line);font-size:14px}.map-label:nth-child(1){top:23%;right:18%}.map-label:nth-child(2){bottom:22%;right:44%}.map-label:nth-child(3){top:44%;left:12%}.split{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:40px}.lore{border-top:1px solid var(--line);padding:28px 0}.lore h3{font-size:25px;margin-bottom:4px}.lore p{color:var(--muted)}
.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.class-card{min-height:390px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(100,221,243,.15),transparent 34%),linear-gradient(160deg,#101b26,#070b11)}.class-card:nth-child(2){background:radial-gradient(circle at 50% 12%,rgba(230,116,63,.16),transparent 34%),linear-gradient(160deg,#201712,#080b10)}.class-card:nth-child(3){background:radial-gradient(circle at 50% 12%,rgba(123,104,214,.18),transparent 34%),linear-gradient(160deg,#171529,#080b10)}.glyph{position:absolute;top:42px;right:50%;transform:translateX(50%);font-family:serif;font-size:90px;color:rgba(255,255,255,.7);text-shadow:0 0 35px currentColor}.class-card h3{font-size:28px;margin:0}.class-card p{color:var(--muted);margin:4px 0 0}.tag{font:500 11px Outfit,sans-serif;color:var(--cyan);letter-spacing:.17em}
.news-list{margin-top:45px}.news{display:grid;grid-template-columns:170px 1fr auto;gap:34px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.date{font:500 13px Outfit,sans-serif;color:var(--cyan);letter-spacing:.12em}.news h3{font-size:24px;margin:0 0 4px}.news p{color:var(--muted);margin:0}.arrow{font:30px Outfit,sans-serif;color:var(--cyan)}
@media(max-width:800px){.nav{height:72px}.menu{display:block}.nav-links{display:none;position:absolute;top:72px;left:20px;right:20px;background:#0c131c;border:1px solid var(--line);padding:24px;flex-direction:column}.nav-links.open{display:flex}.hero{min-height:720px}.hero-copy{padding-bottom:145px}.stats{left:20px;right:20px;bottom:25px;justify-content:space-between;gap:10px}.grid3,.class-grid,.split{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.feature-art{min-height:280px}.feature-art:after{background:linear-gradient(0deg,#080d14,transparent)}.feature-copy{padding:36px}.news{grid-template-columns:1fr;gap:7px}.arrow{display:none}.section{padding:75px 0}.page-hero{padding-top:130px}.footer-row{align-items:flex-start;flex-direction:column}.world-map{min-height:330px}}
@media(max-width:480px){.wrap{width:min(100% - 28px,1180px)}.brand b{font-size:12px}.hero p,.lead,.page-hero p{font-size:16px}.actions{flex-direction:column}.stats{display:none}.hero-copy{padding-bottom:70px}.feature-copy,.card,.class-card{padding:26px}}