@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap);body{background:#f0f2f8;color:#2d2d2d;font-family:Segoe UI,system-ui,sans-serif}a{text-decoration:none}.page-layout{display:flex;min-height:100vh}.page-content{flex:1 1;margin-left:240px;padding:28px;transition:margin-left .25s}.page-content.collapsed{margin-left:64px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#1a237e;font-size:1.6rem;font-weight:700}.header-actions{align-items:center;display:flex;gap:10px}.card{background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:22px}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000f;gap:16px;padding:20px 22px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:12px;font-size:2rem;height:52px;justify-content:center;width:52px}.stat-icon.blue{background:#e3f2fd}.stat-icon.green{background:#e8f5e9}.stat-icon.orange{background:#fff3e0}.stat-icon.purple{background:#f3e5f5}.stat-icon.red{background:#ffebee}.stat-info h3{color:#1a237e;font-size:1.7rem;font-weight:700;line-height:1}.stat-info p{color:#777;font-size:.82rem;margin-top:3px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:6px;padding:9px 18px;transition:opacity .18s,transform .1s}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#1a237e;color:#fff}.btn-success{background:#2e7d32;color:#fff}.btn-danger{background:#c62828;color:#fff}.btn-warning{background:#ef6c00;color:#fff}.btn-outline{background:#0000;border:1.5px solid #1a237e;color:#1a237e}.btn-sm{font-size:.8rem;padding:6px 13px}.btn-icon{border-radius:8px;padding:8px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;font-size:.875rem;width:100%}thead th{background:#f5f6fa;border-bottom:2px solid #e8eaf0;color:#555;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:12px 14px;text-align:left;text-transform:uppercase}tbody td{border-bottom:1px solid #f0f1f6;color:#333;padding:12px 14px}tbody tr:hover td{background:#fafbff}tbody tr:last-child td{border-bottom:none}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#555;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1.5px solid #dde1ee;border-radius:8px;font-size:.875rem;outline:none;padding:10px 12px;transition:border-color .18s,box-shadow .18s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e14}.search-bar{border:1.5px solid #dde1ee;border-radius:8px;font-size:.875rem;margin-bottom:16px;outline:none;padding:10px 14px;transition:border-color .18s;width:100%}.search-bar:focus{border-color:#1a237e}.badge{border-radius:20px;display:inline-block;font-size:.73rem;font-weight:600;padding:3px 11px}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-danger{background:#ffebee;color:#c62828}.badge-warning{background:#fff3e0;color:#e65100}.badge-info{background:#e3f2fd;color:#1565c0}.badge-purple{background:#f3e5f5;color:#6a1b9a}.badge-gray{background:#f5f5f5;color:#555}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:85vh;max-width:580px;overflow-y:auto;padding:28px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{color:#1a237e;font-size:1.2rem}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.4rem}.loading{align-items:center;color:#888;display:flex;font-size:1rem;justify-content:center;padding:60px}.empty-state{color:#aaa;padding:48px;text-align:center}.empty-state p{font-size:.9rem;margin-top:10px}.tabs{background:#f0f2f8;border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#777;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:9px 14px;transition:all .18s}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1a237e;font-weight:600}@media (max-width:900px){.page-content{margin-left:64px;padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.form-grid-2,.form-grid-3{grid-template-columns:1fr}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column;gap:10px}}.login-page{display:flex;font-family:Plus Jakarta Sans,sans-serif;min-height:100vh}.login-left{align-items:center;background:linear-gradient(160deg,#0d1b6e,#1a237e 50%,#1565c0);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;padding:40px;position:relative;width:420px}.login-left-content{position:relative;width:100%;z-index:2}.back-home{color:#fff9;display:inline-block;font-size:.82rem;font-weight:500;margin-bottom:48px;text-decoration:none;transition:color .2s}.back-home:hover{color:#fff}.login-brand{margin-bottom:48px}.brand-logo{font-size:3rem;margin-bottom:12px}.login-brand h1{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:.06em;margin-bottom:4px}.login-brand p{color:#ffffff8c;font-size:.82rem}.login-highlights{display:flex;flex-direction:column;gap:14px}.highlight-item{align-items:center;color:#fffc;display:flex;font-size:.88rem;gap:12px}.highlight-check{align-items:center;background:#ffffff26;border-radius:50%;color:#69f0ae;display:flex;flex-shrink:0;font-size:.7rem;height:22px;justify-content:center;width:22px}.login-pattern{grid-gap:12px;bottom:0;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);opacity:.2;padding:24px;position:absolute;right:0}.pattern-dot{animation:pulse 3s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}.login-right{align-items:center;background:#f0f2f8;display:flex;flex:1 1;justify-content:center;padding:32px}.login-box{background:#fff;border-radius:24px;box-shadow:0 8px 60px #1a237e1a;max-width:440px;padding:48px 44px;width:100%}.login-header{margin-bottom:32px}.login-header h2{color:#1a237e;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:800;margin-bottom:6px}.login-header p{color:#888;font-size:.9rem}.login-form{gap:20px;margin-bottom:28px}.field-group,.login-form{display:flex;flex-direction:column}.field-group{gap:7px}.field-group label{color:#444;font-size:.8rem;font-weight:700;letter-spacing:.04em}.input-wrap{align-items:center;background:#fff;border:1.5px solid #dde1ee;border-radius:12px;display:flex;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#1a237e;box-shadow:0 0 0 3px #1a237e14}.input-icon{align-items:center;align-self:stretch;background:#f8f9ff;border-right:1.5px solid #eef0f8;display:flex;font-size:1rem;height:100%;padding:0 14px}.input-wrap input{background:#0000;border:none;color:#333;flex:1 1;font-family:inherit;font-size:.9rem;outline:none;padding:13px 14px}.pwd-toggle{align-self:stretch;background:none;padding:0 14px}.login-submit,.pwd-toggle{align-items:center;border:none;cursor:pointer;display:flex;font-size:1rem}.login-submit{background:linear-gradient(135deg,#1a237e,#283593);border-radius:12px;color:#fff;font-family:inherit;font-weight:700;justify-content:center;min-height:50px;padding:14px;transition:all .2s}.login-submit:hover:not(:disabled){box-shadow:0 12px 30px #1a237e4d;transform:translateY(-2px)}.login-submit:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.demo-section{margin-bottom:24px}.demo-title{color:#aaa;font-size:.78rem;font-weight:600;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.demo-btns{display:flex;flex-wrap:wrap;gap:8px}.demo-btn{align-items:center;background:#f0f2f8;border:1.5px solid #eef0f8;border-radius:8px;color:#555;cursor:pointer;display:flex;font-family:inherit;font-size:.78rem;font-weight:600;gap:5px;padding:7px 14px;transition:all .18s}.demo-btn:hover{background:#e8eaf6;border-color:#c5cae9;color:#1a237e}.login-footer{color:#bbb;font-size:.75rem;text-align:center}.login-footer a{color:#1a237e;text-decoration:none}@media (max-width:768px){.login-left{display:none}.login-right{padding:20px}.login-box{padding:32px 24px}}:root{--navy:#080d2b;--navy2:#0e1442;--navy3:#151c55;--gold:#c9a84c;--gold2:#e2c57a;--gold3:#f5e6b8;--cream:#faf8f3;--white:#fff;--text:#1a1a2e;--text-muted:#6b7a99;--glass:#ffffff0f;--glass-border:#ffffff1f;--shadow-gold:0 0 40px #c9a84c26;--shadow-deep:0 24px 64px #080d2b4d;--radius:20px;--radius-sm:12px;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.home{background:#faf8f3;background:var(--cream);color:#1a1a2e;color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}.cursor-glow{background:radial-gradient(circle,#c9a84c0f 0,#0000 70%);border-radius:50%;height:400px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .3s;width:400px;z-index:9999}.navbar{left:0;padding:24px 0;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1000}.navbar.scrolled{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#080d2bf7;box-shadow:0 1px 0 #c9a84c33,0 8px 32px #0006;padding:14px 0}.nav-inner{justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 40px}.nav-brand,.nav-inner{align-items:center;display:flex}.nav-brand{gap:14px;text-decoration:none}.nav-emblem{align-items:center;background:linear-gradient(135deg,#c9a84c,#e2c57a);background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:12px;box-shadow:0 4px 20px #c9a84c66;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.nav-name{color:#fff;color:var(--white);display:block;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:700;letter-spacing:.08em;line-height:1.1}.nav-tagline{color:#c9a84c;color:var(--gold);display:block;font-size:.65rem;font-weight:500;letter-spacing:.18em;margin-top:2px;text-transform:uppercase}.nav-links{align-items:center;display:flex;gap:36px}.nav-links a{color:#ffffffbf;font-size:.875rem;font-weight:500;letter-spacing:.02em;position:relative;text-decoration:none;transition:color .25s}.nav-links a:after{background:#c9a84c;background:var(--gold);bottom:-4px;content:"";height:1.5px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover{color:#c9a84c;color:var(--gold)}.nav-links a:hover:after{width:100%}.nav-cta{align-items:center;background:linear-gradient(135deg,#c9a84c,#e2c57a);background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:50px;box-shadow:0 4px 20px #c9a84c59;color:#080d2b!important;color:var(--navy)!important;display:inline-flex;font-size:.85rem!important;font-weight:700!important;gap:8px;letter-spacing:.03em;padding:10px 26px;transition:all .4s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition)!important}.nav-cta:after{display:none!important}.nav-cta:hover{box-shadow:0 8px 32px #c9a84c80!important;color:#080d2b!important;color:var(--navy)!important;transform:translateY(-2px)}.nav-mobile-toggle{background:none;border:none;color:#fff;color:var(--white);cursor:pointer;display:none;font-size:1.5rem;padding:4px}.hero{align-items:center;background:#080d2b;background:var(--navy);display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-mesh{background:radial-gradient(ellipse 80% 60% at 70% 50%,#c9a84c12 0,#0000 60%),radial-gradient(ellipse 60% 80% at 20% 80%,#151c55e6 0,#0000 60%),radial-gradient(ellipse 100% 100% at 50% 0,#0e1442cc 0,#0000 50%)}.hero-grid-lines,.hero-mesh{inset:0;pointer-events:none;position:absolute}.hero-grid-lines{background-image:linear-gradient(#c9a84c0a 1px,#0000 0),linear-gradient(90deg,#c9a84c0a 1px,#0000 0);background-size:80px 80px}.particles{inset:0;pointer-events:none;position:absolute}.particle{animation:particleFloat 8s ease-in-out 0s infinite;animation:particleFloat var(--dur,8s) var(--delay,0s) infinite ease-in-out;background:#c9a84c;background:var(--gold);border-radius:50%;opacity:0;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.6}80%{opacity:.3}to{opacity:0;transform:translateY(-120px) scale(1.5)}}.hero-inner{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1280px;padding:100px 40px 80px;position:relative;z-index:2}.hero-left{max-width:580px}.hero-eyebrow{align-items:center;animation:fadeInUp .8s .1s both;background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:50px;color:#e2c57a;color:var(--gold2);display:inline-flex;font-size:.8rem;font-weight:600;gap:10px;letter-spacing:.12em;margin-bottom:28px;padding:8px 18px;text-transform:uppercase}.hero-eyebrow-dot{animation:pulse 2s infinite;background:#c9a84c;background:var(--gold);border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-title{animation:fadeInUp .8s .2s both;color:#fff;color:var(--white);font-family:Cormorant Garamond,serif;font-size:clamp(3rem,5vw,4.8rem);font-weight:700;line-height:1.05;margin-bottom:24px}.hero-title em{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c9a84c,#e2c57a,#f5e6b8);background:linear-gradient(135deg,var(--gold),var(--gold2),var(--gold3));-webkit-background-clip:text;background-clip:text;font-style:italic}.hero-desc{animation:fadeInUp .8s .3s both;color:#ffffffa6;font-size:1.05rem;line-height:1.8;margin-bottom:40px;max-width:480px}.hero-actions{animation:fadeInUp .8s .4s both;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:60px}.btn-gold{align-items:center;background:linear-gradient(135deg,#c9a84c,#e2c57a);background:linear-gradient(135deg,var(--gold),var(--gold2));border:none;border-radius:50px;box-shadow:0 8px 32px #c9a84c66;color:#080d2b;color:var(--navy);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;padding:16px 36px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-gold:hover{box-shadow:0 16px 48px #c9a84c99;transform:translateY(-3px)}.btn-ghost{align-items:center;background:#0000;border:1.5px solid #ffffff40;border-radius:50px;color:#ffffffd9;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-ghost:hover{background:#ffffff14;border-color:#c9a84c;border-color:var(--gold);color:#c9a84c;color:var(--gold)}.hero-stats{animation:fadeInUp .8s .5s both;display:flex;gap:40px}.hstat{position:relative}.hstat-num{color:#fff;color:var(--white);display:block;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:700;line-height:1}.hstat-label{color:#ffffff80;display:block;font-size:.78rem;font-weight:500;letter-spacing:.06em;margin-top:4px}.hstat:after{background:#ffffff1f;content:"";height:30px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:1px}.hstat:last-child:after{display:none}.hero-right{align-items:center;animation:fadeInRight .9s .3s both;display:flex;justify-content:center;position:relative}.hero-card-wrap{max-width:440px;position:relative;width:100%}.hero-card-glow{background:radial-gradient(ellipse at center,#c9a84c1f 0,#0000 70%);border-radius:40px;inset:-30px;pointer-events:none;position:absolute}.hero-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;overflow:hidden;padding:28px;position:relative}.hero-card:before{background:linear-gradient(90deg,#0000,#c9a84c80,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.card-dots{display:flex;gap:6px}.card-dots span{border-radius:50%;height:10px;width:10px}.card-dots span:first-child{background:#ff5f57}.card-dots span:nth-child(2){background:#febc2e}.card-dots span:nth-child(3){background:#28c840}.card-title{color:#ffffff80;font-family:DM Mono,monospace;font-size:.78rem;letter-spacing:.04em}.card-live{align-items:center;color:#28c840;display:flex;font-size:.7rem;font-weight:600;gap:5px}.live-dot{animation:livePulse 1.5s infinite;background:#28c840;border-radius:50%;height:6px;width:6px}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 #28c84066}50%{box-shadow:0 0 0 5px #28c84000}}.mini-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:18px}.ms-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;padding:14px;transition:transform .3s}.ms-card:hover{transform:scale(1.03)}.ms-card.gold{border-left:3px solid #c9a84c;border-left:3px solid var(--gold)}.ms-card.green{border-left:3px solid #4caf50}.ms-card.blue{border-left:3px solid #42a5f5}.ms-card.purple{border-left:3px solid #ab47bc}.ms-val{color:#fff;color:var(--white);display:block;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;line-height:1}.ms-label{color:#ffffff80;display:block;font-size:.7rem;margin-top:3px}.attendance-bar-section{margin-bottom:16px}.abar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.abar-header span{color:#ffffff8c;font-size:.75rem}.abar-header strong{color:#c9a84c;color:var(--gold);font-size:.8rem}.abar-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.abar-fill{animation:barGrow 1.8s cubic-bezier(.4,0,.2,1) 1s both;background:linear-gradient(90deg,#c9a84c,#e2c57a);background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:3px;height:100%}@keyframes barGrow{0%{width:0}}.recent-list{display:flex;flex-direction:column;gap:7px}.recent-item{align-items:center;animation:fadeInUp .4s both;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:10px;padding:9px 12px}.recent-item:first-child{animation-delay:.8s}.recent-item:nth-child(2){animation-delay:1s}.recent-item:nth-child(3){animation-delay:1.2s}.avatar-sm{align-items:center;background:linear-gradient(135deg,#c9a84c,#151c55);background:linear-gradient(135deg,var(--gold),var(--navy3));border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:28px;justify-content:center;width:28px}.ri-info{flex:1 1}.ri-name{color:#fffc;display:block;font-size:.75rem;font-weight:600}.ri-sub{color:#fff6;display:block;font-size:.68rem}.ri-badge{border-radius:20px;font-size:.65rem;font-weight:600;padding:2px 8px}.ri-badge.present{background:#4caf5026;color:#4caf50}.ri-badge.absent{background:#f4433626;color:#f44336}.float-badge{animation:floatBob 4s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff26;border-radius:50px;font-size:.75rem;font-weight:700;padding:8px 14px;position:absolute;white-space:nowrap}.fb-fees{animation-delay:0s;background:#4caf50e6;color:#fff;right:-20px;top:-20px}.fb-exam{animation-delay:2s;background:#c9a84ce6;bottom:60px;color:#080d2b;color:var(--navy);left:-40px}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section{padding:110px 0}.section-inner{margin:0 auto;max-width:1280px;padding:0 40px}.section-header{margin-bottom:60px}.section-tag{align-items:center;background:#c9a84c1a;border:1px solid #c9a84c40;border-radius:50px;color:#c9a84c;color:var(--gold);display:inline-flex;font-size:.72rem;gap:8px;letter-spacing:.14em;padding:6px 16px;text-transform:uppercase}.section-tag,.section-title{font-weight:700;margin-bottom:16px}.section-title{color:#080d2b;color:var(--navy);font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15}.section-title em{color:#c9a84c;color:var(--gold);font-style:italic}.section-sub{color:#6b7a99;color:var(--text-muted);font-size:1rem;line-height:1.7;max-width:500px}.light-bg .section-title{color:#fff;color:var(--white)}.light-bg .section-sub{color:#ffffffa6}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.features-section{background:#faf8f3;background:var(--cream)}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.feat-card{background:#fff;background:var(--white);border:1px solid #c9a84c1f;border-radius:20px;border-radius:var(--radius);cursor:default;overflow:hidden;padding:30px 24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feat-card:before{background:linear-gradient(90deg,#c9a84c,#e2c57a);background:linear-gradient(90deg,var(--gold),var(--gold2));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.feat-card:hover{border-color:#c9a84c4d;box-shadow:0 24px 60px #080d2b1a,0 0 40px #c9a84c26;box-shadow:0 24px 60px #080d2b1a,var(--shadow-gold);transform:translateY(-8px)}.feat-card:hover:before{transform:scaleX(1)}.feat-icon-wrap{align-items:center;background:linear-gradient(135deg,#c9a84c1f,#c9a84c0f);border:1px solid #c9a84c33;border-radius:14px;display:flex;font-size:1.6rem;height:54px;justify-content:center;margin-bottom:18px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:54px}.feat-card:hover .feat-icon-wrap{background:linear-gradient(135deg,#c9a84c40,#c9a84c1a);transform:scale(1.1) rotate(-3deg)}.feat-card h3{color:#080d2b;color:var(--navy);font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;margin-bottom:10px}.feat-card p{color:#6b7a99;color:var(--text-muted);font-size:.855rem;line-height:1.65}.portals-section{background:#080d2b;background:var(--navy);overflow:hidden;position:relative}.portals-section:before{background:radial-gradient(circle,#c9a84c12 0,#0000 70%);border-radius:50%;content:"";height:600px;pointer-events:none;position:absolute;right:-200px;top:-200px;width:600px}.portals-section .section-title{color:#fff;color:var(--white)}.portals-section .section-sub{color:#ffffff8c}.portals-section .section-tag{color:#e2c57a;color:var(--gold2)}.portals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.portal-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;border-radius:var(--radius);cursor:pointer;display:block;overflow:hidden;padding:36px 26px;position:relative;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portal-card:after{background:#c9a84c;background:var(--portal-color,var(--gold));border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s}.portal-card:hover{border-color:#ffffff26;transform:translateY(-6px)}.portal-card:hover:after{opacity:.06}.portal-icon-ring{align-items:center;background:#ffffff08;border:2px solid #c9a84c;border-color:var(--portal-color,var(--gold));border-radius:50%;display:flex;font-size:2rem;height:72px;justify-content:center;margin:0 auto 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:72px;z-index:1}.portal-card:hover .portal-icon-ring{background:#c9a84c;background:var(--portal-color,var(--gold));box-shadow:0 0 40px #c9a84c4d}.portal-card h3{color:#fff;color:var(--white);font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;margin-bottom:10px;position:relative;z-index:1}.portal-card p{color:#ffffff80;font-size:.84rem;line-height:1.65;margin-bottom:20px;position:relative;z-index:1}.portal-features{list-style:none;margin-bottom:24px;position:relative;z-index:1}.portal-features li{align-items:center;border-bottom:1px solid #ffffff0f;color:#ffffff73;display:flex;font-size:.78rem;gap:6px;padding:5px 0}.portal-features li:before{content:"›";flex-shrink:0}.portal-features li:before,.portal-link{color:#c9a84c;color:var(--portal-color,var(--gold));font-weight:700}.portal-link{align-items:center;display:inline-flex;font-size:.82rem;gap:6px;letter-spacing:.04em;position:relative;text-decoration:none;transition:gap .3s;z-index:1}.portal-card:hover .portal-link{gap:12px}.counter-section{background:#fff;background:var(--white);border-bottom:1px solid #c9a84c1a;border-top:1px solid #c9a84c1a;padding:80px 0}.counter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1280px;padding:0 40px}.counter-card{border:1px solid #c9a84c26;border-radius:20px;border-radius:var(--radius);overflow:hidden;padding:36px 20px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.counter-card:hover{border-color:#c9a84c;border-color:var(--gold);box-shadow:0 0 40px #c9a84c26;box-shadow:var(--shadow-gold);transform:translateY(-4px)}.counter-icon{display:block;font-size:2.4rem;margin-bottom:12px}.counter-num{color:#080d2b;color:var(--navy);display:block;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700;line-height:1}.counter-num span{color:#c9a84c;color:var(--gold)}.counter-label{color:#6b7a99;color:var(--text-muted);display:block;font-size:.82rem;font-weight:500;letter-spacing:.06em;margin-top:6px}.testimonials-section{background:#faf8f3;background:var(--cream)}.testimonials-track{position:relative}.testi-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.testi-card{background:#fff;background:var(--white);border:1px solid #c9a84c1a;border-radius:20px;border-radius:var(--radius);overflow:hidden;padding:32px 28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.testi-card:before{color:#c9a84c;color:var(--gold);content:"\201C";font-family:Cormorant Garamond,serif;font-size:6rem;font-weight:700;left:20px;line-height:1;opacity:.12;position:absolute;top:-10px}.testi-card:hover{border-color:#c9a84c40;box-shadow:0 20px 50px #080d2b14;transform:translateY(-6px)}.testi-stars{color:#c9a84c;color:var(--gold);font-size:.9rem;margin-bottom:16px}.testi-text{color:#444;font-size:.92rem;font-style:italic;line-height:1.8;margin-bottom:24px;position:relative;z-index:1}.testi-author{align-items:center;display:flex;gap:12px}.testi-avatar{align-items:center;background:linear-gradient(135deg,#c9a84c,#e2c57a);background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:44px;justify-content:center;width:44px}.testi-avatar,.testi-name{color:#080d2b;color:var(--navy);font-weight:700}.testi-name{display:block;font-size:.9rem}.testi-role{color:#6b7a99;color:var(--text-muted);display:block;font-size:.75rem}.cta-section{background:#080d2b;background:var(--navy);overflow:hidden;padding:110px 0;position:relative;text-align:center}.cta-section:before{background:radial-gradient(circle,#c9a84c14 0,#0000 70%);border-radius:50%;content:"";height:800px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px}.cta-section .section-title{color:#fff;color:var(--white);margin-bottom:20px}.cta-section .section-sub{color:#fff9;margin:0 auto 44px;max-width:500px}.cta-actions{flex-wrap:wrap;gap:16px}.cta-actions,.cta-divider{display:flex;justify-content:center}.cta-divider{align-items:center;gap:24px;margin-top:48px}.cta-feature{align-items:center;color:#ffffff80;display:flex;font-size:.8rem;gap:8px}.cta-feature-dot{background:#fff3;border-radius:50%;height:5px;width:5px}.footer{background:#050820;border-top:1px solid #c9a84c26;padding:64px 0 0}.footer-inner{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1.8fr 1fr 1fr 1fr;margin:0 auto 48px;max-width:1280px;padding:0 40px}.footer-brand-col .nav-name{font-size:1.2rem;margin-bottom:4px}.footer-brand-col .nav-tagline{display:block;margin-bottom:16px}.footer-desc{color:#ffffff61;font-size:.84rem;line-height:1.7;max-width:280px}.footer-col h4{color:#c9a84c;color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.12em;margin-bottom:18px;text-transform:uppercase}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#ffffff73;font-size:.86rem;text-decoration:none;transition:color .25s}.footer-col ul li a:hover{color:#c9a84c;color:var(--gold)}.footer-bottom{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:24px 40px}.footer-copy{color:#ffffff47;font-size:.78rem}.footer-socials{display:flex;gap:12px}.fsocial{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;height:34px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:34px}.fsocial:hover{background:#c9a84c26;border-color:#c9a84c;border-color:var(--gold)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:1100px){.counter-grid,.features-grid,.portals-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr;text-align:center}.hero-desc{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.hero-right{display:none}.testi-cards{grid-template-columns:1fr;margin:0 auto;max-width:520px}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:700px){.nav-links a:not(.nav-cta){display:none}.nav-mobile-toggle{display:block}.hero-inner{padding:80px 20px 60px}.section-inner{padding:0 20px}.features-grid,.portals-grid{grid-template-columns:1fr}.counter-grid{grid-template-columns:1fr 1fr}.footer-inner{gap:28px;grid-template-columns:1fr;padding:0 20px}.footer-bottom{flex-direction:column;padding:20px;text-align:center}.hero-stats{flex-wrap:wrap;gap:24px}}.sidebar{background:linear-gradient(180deg,#1a237e,#283593);bottom:0;box-shadow:4px 0 16px #0000002e;display:flex;flex-direction:column;left:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .25s ease;width:240px;z-index:200}.sidebar.collapsed{width:64px}.sidebar-top{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px 14px 16px}.sidebar-logo,.sidebar-top{align-items:center;display:flex}.sidebar-logo{gap:10px;overflow:hidden}.logo-icon{flex-shrink:0;font-size:1.7rem}.sidebar-logo h2{color:#fff;font-size:1.1rem;font-weight:700;white-space:nowrap}.sidebar-logo p{color:#fff9;font-size:.72rem}.collapse-btn{background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.7rem;height:26px;transition:background .2s;width:26px}.collapse-btn:hover{background:#ffffff38}.sidebar-nav{flex:1 1;padding:12px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#ffffffc7;display:flex;font-size:.875rem;font-weight:500;gap:12px;padding:11px 16px;text-decoration:none;transition:all .18s;white-space:nowrap}.nav-item:hover{background:#ffffff1f;border-left-color:#ffffff80;color:#fff}.nav-item.active{background:#ffffff2e;border-left-color:#82b1ff;color:#fff}.nav-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:22px}.nav-label{overflow:hidden}.sidebar-footer{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;padding:12px}.user-badge{align-items:center;color:#fffc;display:flex;font-size:.8rem;justify-content:space-between;padding:4px}.role-tag{background:#ffffff26;border-radius:20px;font-size:.7rem;padding:2px 8px;text-transform:capitalize}.logout-btn{background:#e5393540;border:1px solid #ef9a9a4d;border-radius:8px;color:#ef9a9a;cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 12px;text-align:left;transition:background .2s;width:100%}.logout-btn:hover{background:#e5393573;color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif}
/*# sourceMappingURL=main.c3360e7b.css.map*/