:root{--font-sans:"Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--bg-main:#f6f9fc;--bg-section:#eef4f8;--bg-card:#fff;--bg-elevated:#fff;--bg-input:#fff;--bg-hover:#edf3f8;--bg-selected:#ddeaf5;--bg-overlay:#17324d7a;--primary:#3a6ea5;--primary-hover:#315f8f;--primary-active:#284e76;--primary-disabled:#a9bed2;--primary-glow:#3a6ea524;--secondary:#4f8fb8;--secondary-hover:#407da5;--secondary-light:#e4f1f7;--secondary-glow:#4f8fb81a;--accent:#2a9dad;--accent-hover:#238594;--accent-light:#e2f5f6;--accent-soft:#f2f6fa;--accent-border:#d2dfea;--focus-ring:#c9ddea;--text-main:#17324d;--text-heading2:#254b6a;--text-secondary:#334e68;--text-body:#334e68;--text-muted:#71879a;--text-placeholder:#94a6b5;--text-disabled:#94a6b5;--text-on-primary:#fff;--border-color:#d2dfea;--border-light:#e4ebf1;--border-dark:#afc3d3;--border-hover:#afc3d3;--divider:#dee7ee;--link:#3a6ea5;--link-hover:#284e76;--link-visited:#5866a6;--success:#348a68;--success-light:#e5f4ed;--warning:#d39a32;--warning-light:#fff5df;--danger:#d65757;--danger-light:#fceaea;--info:#4089b8;--info-light:#e6f2f8;--gradient-primary:linear-gradient(135deg, #4f8fb8 0%, #315f8f 100%);--gradient-hero:linear-gradient(135deg, #e8f0f8 0%, #f8fbfd 100%);--gradient-soft:linear-gradient(135deg, #f6f9fc 0%, #e8f0f8 100%);--gradient-dark:linear-gradient(180deg, #f6f9fc 0%, #fff 100%);--shadow-sm:0 2px 6px #17324d0f;--shadow-md:0 6px 18px #17324d1a;--shadow-lg:0 14px 36px #17324d21;--shadow-glow:0 8px 20px #3a6ea51f, 0 2px 6px #3a6ea50f;--input-border:#d2dfea;--input-hover-border:#afc3d3;--input-focus-border:#4f8fb8;--input-focus-ring:#c9ddea;--input-error-border:#d65757;--glass-blur:blur(8px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);background-image:var(--gradient-dark);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#d2dfea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a6b5}h1,h2,h3,h4,h5,h6{color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.25}p{color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:all .2s ease-in-out}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.grid{gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.section{padding:48px 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-panel{border:1px solid var(--border-color);box-shadow:var(--shadow-md);background:#fff;border-radius:16px}.glass-card{border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:before{content:"";background:var(--primary);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.glass-card:hover img{transform:scale(1.04)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #3a6ea51a}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #3a6ea533}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-accent{color:var(--primary);background:#3a6ea50f;border:1px solid #3a6ea526}.btn-accent:hover{border-color:var(--primary);background:#3a6ea51f}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-punjab{color:#2f855a;background:#e7f5ec;border:1px solid #a8d5b8}.badge-sindh{color:#a85a12;background:#fff7e0;border:1px solid #f2d38a}.badge-kpk{color:#284e76;background:#e8f0f8;border:1px solid #d2dfea}.badge-balochistan{color:#68489a;background:#eee7f8;border:1px solid #c4b5e4}.badge-federal{color:#3e698b;background:#eaf3f8;border:1px solid #b5d3e4}.badge-olevels{color:#6b21a8;background:#f3e8ff;border:1px solid #d8b4fe}.form-input{background:var(--bg-input);border:1px solid var(--input-border);color:var(--text-main);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3a6ea51f}.pulse-glow{position:relative}.pulse-glow:after{content:"";border-radius:inherit;width:100%;height:100%;box-shadow:0 0 10px var(--primary-glow);opacity:0;animation:2.5s infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:.6;transform:scale(.97)}50%{opacity:0;transform:scale(1.03)}to{opacity:.6;transform:scale(.97)}}.modal-backdrop{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #d2dfea;border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modal-enter;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000000f,0 10px 10px -5px #00000005}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.bg-grid-pattern{z-index:-20;pointer-events:none;background-image:radial-gradient(#0f172a05 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}.footer-link{transition:color .15s!important}.footer-link:hover{color:var(--primary)!important}.caligraphic-yours{vertical-align:baseline;color:var(--primary);display:inline-block;text-transform:none!important;letter-spacing:normal!important;font-family:UnifrakturMaguntika,MedievalSharp,cursive,serif!important;font-size:1.3em!important;font-weight:500!important}.caligraphic-yours-text{display:inline-block;text-transform:none!important;letter-spacing:normal!important;font-family:UnifrakturMaguntika,MedievalSharp,cursive,serif!important;font-size:1.25em!important;font-weight:500!important}@media (width<=768px){.main-sidebar{display:none!important}.resources-layout{flex-direction:column!important}.detail-layout{grid-template-columns:1fr!important;gap:24px!important}.iframe-viewer{height:480px!important}}.page-loader-fade-in{animation:.25s ease-out forwards fadeInLoader}@keyframes fadeInLoader{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dots-loader{justify-content:center;align-items:center;gap:6px;margin-top:16px;display:inline-flex}.dots-loader div{background-color:#3a6ea5;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both dots-bounce}.dots-loader div:first-child{animation-delay:-.32s}.dots-loader div:nth-child(2){animation-delay:-.16s}@keyframes dots-bounce{0%,80%,to{opacity:.3;transform:scale(0)}40%{opacity:1;transform:scale(1.1)}}@keyframes waSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}