:root{--background:#24170f;--background-deep:#160f0b;--gold:#e7b95e;--gold-soft:#ffdf9a;--cream:#fff3d8;--muted:#dac6a2;--line:rgba(236,184,89,.30)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background-deep);color:var(--cream);font-family:"Cairo",Tahoma,sans-serif;-webkit-font-smoothing:antialiased} .site-shell{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate;background:radial-gradient(ellipse 64% 45% at 50% 37%,#463021 0%,#2b1b13 57%,transparent 100%),linear-gradient(120deg,#170f0b,#2d1c13 45%,#160e0a)}
.site-shell:before,.site-shell:after{content:"";position:absolute;width:450px;height:450px;pointer-events:none;z-index:-1;opacity:.30;border:1px solid #ba8740;border-radius:50%;filter:blur(.4px)}.site-shell:before{top:-350px;right:-170px;box-shadow:0 0 0 34px rgba(205,140,49,.045),0 0 0 90px rgba(205,140,49,.035)}.site-shell:after{bottom:-370px;left:-150px;box-shadow:0 0 0 40px rgba(205,140,49,.045),0 0 0 96px rgba(205,140,49,.03)}
.ambient{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(75px)}.ambient--one{width:38vw;height:40vw;max-height:530px;max-width:530px;background:#b47a2a;opacity:.14;left:-20%;top:12%}.ambient--two{width:40vw;height:40vw;max-height:530px;max-width:530px;background:#b47a2a;opacity:.10;right:-20%;bottom:-15%}.grid-decoration{position:absolute;inset:0;z-index:-1;opacity:.20;pointer-events:none;background-image:linear-gradient(30deg,transparent 47%,#906c3e 49%,transparent 51%),linear-gradient(150deg,transparent 47%,#906c3e 49%,transparent 51%);background-size:54px 94px;mask-image:linear-gradient(to right,#000,transparent 23%,transparent 77%,#000)}
.topbar{display:flex;align-items:center;justify-content:center;gap:17px;padding:24px 24px 0;color:var(--gold-soft);font-size:12px;letter-spacing:.3px;opacity:.78;text-align:center}.topbar__line{height:1px;background:linear-gradient(to left,transparent,var(--gold));width:min(12vw,120px)}.topbar__line:last-child{transform:rotate(180deg)}
.hero{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:30px 22px 42px}.welcome-card{text-align:center;position:relative;width:100%;max-width:900px;z-index:2;animation:rise .9s both}.school-logo{display:block;object-fit:contain;width:clamp(210px,27vw,315px);height:auto;max-height:270px;margin:-22px auto -28px;filter:drop-shadow(0 12px 26px rgba(0,0,0,.22));mix-blend-mode:screen;mask-image:radial-gradient(ellipse 66% 65% at center,#000 50%,transparent 100%)}.eyebrow{font-size:clamp(12px,1.6vw,16px);color:#f0d6a3;font-weight:600;margin:4px auto 7px}.eyebrow__spark{color:var(--gold);margin:0 6px}h1{font-size:clamp(25px,3.4vw,47px);line-height:1.6;margin:0;font-weight:700;text-shadow:0 3px 18px #140c08}h1 span{display:block;font-weight:900;background:linear-gradient(180deg,#fff0c8 0%,#f3c46d 50%,#c88937 100%);color:var(--gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mini-divider{display:flex;align-items:center;gap:13px;justify-content:center;color:var(--gold);margin:5px auto 17px}.mini-divider span{height:1px;width:105px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.announcement{width:min(100%,735px);margin:0 auto;padding:22px 30px 24px;border:1px solid rgba(246,189,85,.46);border-radius:26px;background:linear-gradient(135deg,rgba(116,73,30,.20),rgba(30,17,12,.63));box-shadow:0 15px 50px rgba(0,0,0,.15),inset 0 0 28px rgba(225,164,66,.06);backdrop-filter:blur(8px)}.announcement__tag{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(243,187,82,.47);border-radius:99px;padding:4px 19px;background:rgba(232,167,55,.09);color:var(--gold-soft);font-size:15px;font-weight:800}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#ffd17b;box-shadow:0 0 0 4px rgba(255,209,123,.12);animation:pulse 2.2s ease-in-out infinite}.announcement h2{margin:10px 0 6px;font-size:clamp(20px,2.75vw,35px);line-height:1.6;color:var(--gold-soft);font-weight:800}.announcement p{margin:0 auto;color:#e7d3b7;max-width:620px;font-size:clamp(12px,1.5vw,15px);line-height:2}.pillars{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2.4vw,26px);margin-top:26px;color:#e8c78e;font-size:clamp(12px,1.4vw,16px);font-weight:700}.pillars i{width:5px;height:5px;transform:rotate(45deg);background:var(--gold);opacity:.8}.follow{margin:19px 0 0;font-size:13px;letter-spacing:1px;color:#cbb18b}.follow span{font-size:20px;vertical-align:middle;color:var(--gold)}.side-illustration{position:absolute;width:clamp(140px,23vw,330px);color:#bc8543;opacity:.13;z-index:0;pointer-events:none}.side-illustration svg{display:block;width:100%;height:auto}.side-illustration--right{right:-20px;bottom:15%}.side-illustration--left{left:-30px;top:24%}.footer{text-align:center;padding:0 16px 15px;color:#a9967b;font-size:11px}.footer p{margin:0}.floating-points i{position:absolute;background:var(--gold);width:3px;height:3px;border-radius:50%;box-shadow:0 0 12px 2px rgba(245,187,77,.45);animation:twinkle 4s ease-in-out infinite;pointer-events:none}.floating-points i:nth-child(1){top:12%;left:22%}.floating-points i:nth-child(2){top:22%;right:18%;animation-delay:.7s}.floating-points i:nth-child(3){top:48%;left:11%;animation-delay:1.4s}.floating-points i:nth-child(4){top:62%;right:9%;animation-delay:2s}.floating-points i:nth-child(5){bottom:16%;left:24%;animation-delay:1s}.floating-points i:nth-child(6){bottom:21%;right:23%;animation-delay:2.7s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(255,209,123,0)}}@keyframes twinkle{0%,100%{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.8)}}
@media(max-width:650px){.topbar{padding-top:15px;font-size:10px}.topbar__line{width:35px}.hero{padding:10px 14px 25px}.school-logo{width:min(67vw,290px);max-height:220px;margin:-15px auto -20px}.eyebrow{font-size:12px}.welcome-card h1{font-size:clamp(22px,5.4vw,30px);line-height:1.65}.mini-divider{margin:8px auto 16px}.mini-divider span{width:55px}.announcement{padding:17px 15px 20px;border-radius:19px}.announcement h2{font-size:clamp(20px,5.2vw,27px)}.announcement p{font-size:12px}.side-illustration{opacity:.07}.pillars{gap:12px;margin-top:23px}.footer{font-size:10px;padding-bottom:13px}}@media(max-height:660px) and (min-width:651px){.hero{padding:5px 22px 14px}.school-logo{max-height:190px;width:230px;margin:-30px auto -35px}.announcement{padding:13px 25px}.pillars{margin-top:13px}.follow{margin-top:6px}.mini-divider{margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}