.hub-main{max-width:1080px}.hub-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:420px;padding:8px 45px 0;gap:20px}.hub-intro h1{font-size:54px;line-height:1.3;margin:17px 0;letter-spacing:-1px;font-weight:800}.hub-intro h1 span{color:#5867d7}.hub-intro p{font-size:19px;color:#7a849d;line-height:1.85;margin:0}.hub-invitation{display:flex;align-items:center;gap:10px;color:#8890ad;font-size:13px;margin-top:23px}.hub-invitation>span{display:grid;place-items:center;height:26px;width:26px;border-radius:50%;background:#ebeefa;color:#8c95c2}.hub-art{height:400px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.hub-art>.hussain{height:390px;width:100%;animation:breathe 5s ease-in-out infinite;transform-origin:50% 80%}.hub-halo{width:315px;height:315px;border-radius:50%;position:absolute;top:38px;background:radial-gradient(circle at 60% 30%,#fff,#dceafb 65%,#e3e7fc80);z-index:-2}.hub-platform{position:absolute;width:250px;height:50px;background:linear-gradient(#dbdefb,#c1c9f3);bottom:0;border-radius:50%;box-shadow:0 10px 0 #e1e6f9,0 17px 25px #8792bd20;z-index:-1}.hub-float{position:absolute;border-radius:18px;display:grid;place-items:center;box-shadow:0 10px 25px #536b9a12;animation:float 5s ease-in-out infinite}.float-star{height:52px;width:52px;background:#ffedbb;color:#d2a14a;font-size:31px;left:0;top:100px}.float-letter{height:49px;width:49px;background:#e9e0fd;color:#a492d1;font:bold 23px system-ui;right:0;bottom:115px;animation-delay:-2s}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:28px auto 0}.section-card{position:relative;border-radius:25px;display:block;padding:25px 29px 23px;isolation:isolate;overflow:hidden}.cyber-card{background:linear-gradient(135deg,#203e6c,#213555);color:white;border:1px solid #425d86;box-shadow:0 9px 0 #c9d5e8,0 15px 30px #263f6821;transition:transform .2s,box-shadow .2s}.cyber-card:hover{transform:translateY(-4px);box-shadow:0 13px 0 #c9d5e8,0 18px 30px #263f6826}.cyber-card:after{content:'';height:230px;width:230px;position:absolute;left:-75px;top:-80px;border:1px solid #a9ceff19;border-radius:50%;z-index:-1;box-shadow:0 0 0 30px #a9ceff04,0 0 0 60px #a9ceff03}.section-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-icon{height:53px;width:53px;display:grid;place-items:center}.section-icon img{width:43px;height:47px;filter:drop-shadow(0 4px 4px #0a19222b)}.section-status{display:flex;align-items:center;gap:9px;font-size:11px;color:#a9c4de;border-radius:20px;background:#ffffff0d;padding:4px 11px}.section-status .live-dot{height:5px;width:5px;box-shadow:none}.section-card h2{font:700 24px system-ui,sans-serif;text-align:right;margin:0 0 6px;letter-spacing:-.5px}.section-card h3{font-size:17px;margin:0;font-weight:700}.section-card p{font-size:13px;line-height:1.7;margin:7px 0 19px;color:#b0c1d8}.section-cta{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;border-top:1px solid #ffffff1a;padding-top:14px;color:#e0ecff}.section-cta>span{font-size:21px;color:#90cfe0}.english-card{background:linear-gradient(135deg,#f4f0fd,#eeeffb);border:1.5px solid #e3dff2;box-shadow:0 8px 0 #e9e7f2;color:#9186ab}.letter-icon{width:55px;height:49px;background:linear-gradient(145deg,#e4d7f9,#cfbfed);border-radius:15px;font:800 16px system-ui,sans-serif;color:#9582b7;transform:rotate(-6deg);box-shadow:0 4px 0 #c7b7e1}.soon-status{color:#a197b7;background:#ffffff80}.english-card h2{color:#9385af}.english-card p{color:#a298b5}.section-coming{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ded9ec;padding-top:14px;font-size:12px;color:#a69bbd}.section-coming>span{color:#b5a2d1}.hub-signature{text-align:center;font-size:11px;color:#a2a8ba;margin:28px 0 0}.hub-page footer{padding-top:20px}
@media(max-width:900px){.hub-hero{padding:0 12px;min-height:380px}.hub-intro h1{font-size:44px}.hub-art{height:360px}.hub-art>.hussain{height:350px}.hub-halo{width:275px;height:275px}.hub-platform{width:220px}.section-grid{gap:18px}.section-card{padding:23px}}
@media(max-width:650px){.hub-hero{display:flex;flex-direction:column;gap:6px;padding-top:8px;min-height:0}.hub-intro{text-align:center}.hub-intro>.eyebrow{font-size:11px}.hub-intro h1{font-size:33px;line-height:1.3;letter-spacing:-.5px;margin:8px 0 7px}.hub-intro h1 br{display:none}.hub-intro h1 span{display:block}.hub-intro p{font-size:14px;line-height:1.65}.hub-intro p br{display:none}.hub-invitation{display:none}.hub-art{height:235px;width:100%;max-width:320px;margin:7px auto 0}.hub-art>.hussain{height:231px}.hub-halo{width:200px;height:200px;top:17px}.hub-platform{height:32px;width:175px;bottom:0;box-shadow:0 7px 0 #e1e6f9,0 13px 20px #8792bd20}.hub-float{border-radius:13px}.float-star{width:37px;height:37px;font-size:23px;left:15px;top:63px}.float-letter{width:35px;height:35px;font-size:17px;right:16px;bottom:70px}.section-grid{gap:13px;margin-top:25px;grid-template-columns:1fr}.section-card{padding:19px 22px;border-radius:20px}.section-card-top{margin-bottom:7px}.section-icon{height:43px;width:43px}.section-icon img{height:40px;width:36px}.section-status{font-size:10px;padding:3px 10px}.section-card h2{font-size:22px;margin-bottom:4px}.section-card h3{font-size:15px}.section-card p{font-size:12px;margin:4px 0 11px}.section-cta{font-size:13px;padding-top:10px}.section-cta>span{font-size:19px}.english-card{display:grid;grid-template-columns:1fr auto;column-gap:15px;box-shadow:0 5px 0 #e9e7f2}.english-card .section-card-top{grid-column:1 / -1;margin-bottom:5px}.english-card h2{font-size:20px}.english-card h3{font-size:13px;align-self:center}.english-card p{grid-column:1 / -1;margin-bottom:0}.english-card .section-coming{display:none}.letter-icon{font-size:13px;height:38px;width:43px;border-radius:12px}.hub-signature{font-size:10px;margin-top:22px}.hub-page footer{padding-top:15px}}
