@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap";:root{--accent:#1a4a8a;--accent-light:#3b82f6;--accent-dark:#0d2d5e;--accent-bg:#1a4a8a14;--accent-border:#1a4a8a40;--blue-light:#2563c7;--teal:#0891b2;--gold:#d4a017;--gold-light:#e8b420;--text:#475569;--text-h:#1e293b;--bg:#fff;--bg-subtle:#f8fafc;--bg-muted:#f1f5f9;--border:#e2e8f0;--code-bg:#f1f5f9;--green:#16a34a;--green-bg:#16a34a1a;--yellow:#ca8a04;--yellow-bg:#ca8a041a;--red:#dc2626;--red-bg:#dc26261a;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-blue:0 8px 32px #1a4a8a33;--sans:"DM Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Playfair Display", Georgia, serif;--mono:ui-monospace, "Cascadia Code", Consolas, monospace;--radius-sm:6px;--radius:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}#root{text-align:left;flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h);margin:0;font-weight:700;line-height:1.2}h1{font-size:clamp(32px,5vw,56px)}h2{font-size:clamp(24px,3vw,42px)}h3{font-size:clamp(18px,2vw,24px)}h4{font-size:16px}p{margin:0}code{font-family:var(--mono);background:var(--code-bg);border-radius:var(--radius-sm);color:var(--text-h);padding:3px 7px;font-size:14px}.hero-split{background-color:#102746;justify-content:center;align-items:flex-end;min-height:85vh;padding:40px 40px 10px;display:flex;position:relative;overflow:hidden}.hero-split:after{content:"";z-index:0;background:linear-gradient(#0000001a 0%,#0006 100%);position:absolute;inset:0}.hero-bg-image{pointer-events:none;z-index:0;opacity:1;filter:brightness(1.05)contrast(1.1);background-image:url(https://www.cksdental.edu.in/new/images/bg/bg3.jpg);background-position:top;background-size:cover;position:absolute;inset:0}.hero-split-inner{z-index:1;justify-content:space-between;align-items:flex-end;gap:40px;width:100%;max-width:1500px;margin:0 auto;display:flex;position:relative}@media (width<=840px){.hero-split-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center}.hero-text-side{align-items:center}.hero-ctas{justify-content:center}}.hero-text-side{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#ffffffd9;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;max-width:600px;padding:24px;display:flex;box-shadow:0 8px 24px #0000001a}.hero-text-side h1{max-width:620px;margin:0}.hero-text-side h1 em{color:var(--accent);font-style:normal}.hero-card-main{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);text-align:center;background:#ffffffd9;border-radius:16px;max-width:450px;padding:24px;animation:3s ease-in-out infinite alternate cardFloat;box-shadow:0 8px 24px #0000001a}@keyframes cardFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.college-logo{margin-bottom:18px}.college-logo img{width:auto;height:72px;margin:0 auto;display:block}.hero-card-main h3{color:var(--text-h);margin:0 0 10px;font-size:18px;font-weight:700;line-height:1.3}.hero-card-main p{color:var(--text);margin:0 0 18px;font-size:14px;line-height:1.6}.hero-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero-tag{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);white-space:nowrap;border-radius:100px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.institution-cards-section{background:linear-gradient(#0d2d5e08 0%,#0d2d5e00 100%);padding:56px 24px 28px}.institution-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.institution-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px 14px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 8px 22px #0d2d5e14}.institution-card-image{object-fit:cover;background:linear-gradient(135deg,#1a3a6b38,#c8a95133);border-radius:12px;width:100%;height:180px;margin-bottom:16px;display:block}.institution-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 14px 30px #0d2d5e24}.institution-card h3{color:var(--text-h);margin:0 0 10px;font-size:20px;font-weight:700}.institution-card p{color:var(--text);margin:0;font-size:14px;line-height:1.65}.institution-card-link{color:var(--accent);letter-spacing:.2px;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.institution-card-link:hover{text-decoration:underline}@media (width<=980px){.institution-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.institution-cards-section{padding:42px 18px 18px}.institution-cards-grid{grid-template-columns:1fr;gap:14px}}.stats-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg);padding:32px 24px}.stats-inner{flex-wrap:wrap;justify-content:space-around;gap:24px;max-width:1200px;margin:0 auto;display:flex}.stat-card{text-align:center;min-width:120px}.stat-icon{margin-bottom:6px;font-size:32px}.stat-value{color:var(--accent);letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800}.stat-label{color:var(--text);margin-top:2px;font-size:13px}.highlights-section{background:linear-gradient(180deg, var(--bg) 0%, #f8f5ff 100%);padding:80px 24px}.section-container{max-width:1200px;margin:0 auto}.section-header-center{text-align:center;margin-bottom:48px}.section-header-center h2{color:var(--accent);margin:0 0 12px;font-family:Playfair Display,serif;font-size:32px;font-weight:800}.section-header-center p{color:var(--text);margin:0 0 20px;font-size:16px}.section-divider{background:var(--accent);border-radius:2px;width:48px;height:3px;margin:0 auto}.highlights-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=900px){.highlights-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.highlights-grid{grid-template-columns:1fr}}.highlight-card{border:1px solid var(--border);text-align:center;cursor:default;background:#fff;border-radius:16px;padding:28px 22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.highlight-card:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);transform:translateY(-6px)}.highlight-icon{margin-bottom:14px;font-size:42px}.highlight-card h3{color:var(--text-h);margin:0 0 10px;font-size:17px;font-weight:700}.highlight-card p{color:var(--text);margin:0;font-size:14px;line-height:1.6}.cta-banner{text-align:center;border:1px solid var(--accent-border);background:linear-gradient(135deg,#7c3aed14,#7c3aed05);border-radius:16px;max-width:1200px;margin:60px auto 0;padding:56px 32px}@media (width<=768px){.cta-banner{margin:40px 24px 0;padding:32px 24px}}.cta-banner h2{margin:0 0 12px;font-size:28px}.cta-banner p{color:var(--text);margin:0 0 24px;font-size:16px}.site-footer{margin-top:64px}.footer-main{color:#cbd5e1;background:#0f172a;padding:56px 24px 40px}.footer-container{max-width:1200px;margin:0 auto}.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;display:grid}@media (width<=840px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.footer-brand p{color:#94a3b8;margin-top:14px;font-size:14px;line-height:1.6}.footer-logo{align-items:center;gap:12px;display:flex}.footer-logo-img{width:auto;height:44px}.footer-logo-name{color:#fff;letter-spacing:-.5px;font-size:22px;font-weight:800}.footer-social{gap:12px;margin-top:18px;display:flex}.footer-social a{font-size:22px;text-decoration:none;transition:transform .18s;display:inline-block}.footer-social a:hover{transform:scale(1.25)}.footer-col h4{text-transform:uppercase;letter-spacing:.8px;color:#fff;margin:0 0 18px;font-size:14px;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .15s}.footer-col a:hover{color:#e2e8f0}.footer-bottom{color:#64748b;background:#0b1120;padding:18px 24px;font-size:13px}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}:root{--clay-radius:24px;--clay-inner:inset 0 2px 0 #ffffffd9, inset 0 -3px 0 #0000001a;--clay-shadow:6px 8px 24px #7c3aed2e, 0 2px 8px #00000014;--clay-card-bg:#f5f0ff;--clay-input-bg:#fff}.auth-clay-page{background:#f0f4ff;justify-content:center;align-items:center;min-height:calc(100svh - 60px);padding:40px 16px;display:flex}.auth-clay-card{z-index:1;border-radius:var(--clay-radius);border:1px solid var(--border);background:#fff;width:100%;max-width:480px;padding:40px 36px 36px;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards authCardIn;position:relative;box-shadow:0 8px 32px #0d2d5e1f}@media (width<=520px){.auth-clay-card{max-width:100%;padding:28px 20px 24px}}@keyframes authCardIn{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-clay-header{text-align:center;margin-bottom:28px}.auth-back-link{color:var(--accent);background:var(--accent-bg);border:1.5px solid var(--accent-border);border-radius:100px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .18s;display:inline-flex}.auth-back-link:hover{background:var(--accent-border);color:#fff;transform:translateY(-1px)}.auth-clay-title{color:var(--text-h);letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:800}.auth-clay-subtitle{color:var(--text);margin:0;font-size:14px}.auth-clay-tabs{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:16px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.auth-clay-tab{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:12px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .22s cubic-bezier(.34,1.56,.64,1)}.auth-clay-tab.active{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0d2d5e40}.clay-form-group{margin-bottom:18px}.clay-form-label{color:var(--text-h);align-items:center;gap:6px;margin-bottom:7px;font-size:13px;font-weight:700;display:flex}.clay-input{background:var(--clay-input-bg);width:100%;font-family:var(--sans);color:var(--text-h);border:2px solid #ffffffe6;border-radius:14px;outline:none;padding:11px 15px;font-size:14px;transition:border-color .18s,box-shadow .18s,transform .15s;box-shadow:inset 0 2px 4px #0000000f,0 1px #ffffffe6}.clay-input:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:inset 0 2px 4px #0000000a,0 0 0 3px #7c3aed26,0 1px #ffffffe6}.clay-input:disabled,.clay-input[readonly]{color:var(--text);cursor:not-allowed;opacity:.75;background:#f3f0ff}.clay-input.error{border-color:#f43f5e;box-shadow:inset 0 2px 4px #0000000a,0 0 0 3px #f43f5e1f}.clay-form-error{color:#e11d48;align-items:center;gap:4px;margin-top:5px;font-size:12px;display:flex}.clay-form-hint{color:var(--text);margin-top:5px;font-size:12px}.clay-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){.clay-form-row{grid-template-columns:1fr}}.clay-btn{width:100%;font-family:var(--sans);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:13px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.clay-btn-primary{background:var(--accent);color:#fff;margin-top:10px;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000002e,0 6px 20px #7c3aed59}.clay-btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:inset 0 2px #ffffff40,inset 0 -3px #0000002e,0 10px 28px #7c3aed73}.clay-btn-primary:active:not(:disabled){transform:translateY(1px)scale(.99)}.clay-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.clay-btn-outline{color:var(--text-h);background:#ffffffb3;border:2px solid #ffffffe6;box-shadow:inset 0 2px #ffffffe6,0 3px 10px #00000014}.clay-btn-outline:hover{background:#fff;transform:translateY(-2px);box-shadow:inset 0 2px #ffffffe6,0 6px 16px #0000001a}.clay-btn-row{gap:10px;margin-top:10px;display:flex}.clay-btn-row .clay-btn-outline{width:auto;padding:13px 22px}.clay-btn-row .clay-btn-primary{flex:1}.clay-spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite claySpin}@keyframes claySpin{to{transform:rotate(360deg)}}.clay-payment-banner{background:linear-gradient(135deg,#7c3aed1f,#a78bfa1f);border:2px solid #7c3aed33;border-radius:16px;margin-bottom:22px;padding:16px 18px;font-size:14px;line-height:1.6}.clay-payment-banner strong{color:var(--accent);margin-bottom:6px;font-size:15px;display:block}.clay-dropzone{text-align:center;cursor:pointer;color:var(--text);background:#fff9;border:2.5px dashed #7c3aed4d;border-radius:18px;padding:30px 20px;font-size:14px;transition:all .2s}.clay-dropzone:hover,.clay-dropzone.drag-over{border-color:var(--accent);background:#7c3aed0f;transform:scale(1.01)}.clay-dropzone.has-file{background:#22c55e12;border-style:solid;border-color:#22c55e}.clay-dropzone-icon{color:var(--accent);margin-bottom:10px}.clay-dropzone-preview{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.clay-dropzone-preview img{border:1px solid var(--border);border-radius:8px;max-height:72px}.clay-steps{align-items:center;gap:0;margin-bottom:26px;display:flex}.clay-step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex}.clay-step-dot.done{background:var(--accent);color:#fff;box-shadow:inset 0 2px #ffffff4d,0 4px 12px #7c3aed59}.clay-step-dot.pending{color:var(--text);border:2px solid var(--border);background:#fffc}.clay-step-line{background:var(--border);border-radius:2px;flex:1;height:3px;margin:0 6px;transition:background .3s}.clay-step-line.done{background:var(--accent)}.clay-step-label{color:var(--text);white-space:nowrap;margin-left:10px;font-size:12px;font-weight:600}.clay-success{text-align:center;padding:24px 0 8px}.clay-success-icon{margin-bottom:16px;font-size:64px;animation:.6s cubic-bezier(.34,1.56,.64,1) .1s both successBounce;display:block}@keyframes successBounce{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.clay-success h3{color:var(--text-h);margin:0 0 10px;font-size:22px}.clay-success p{color:var(--text);margin:0 0 28px;font-size:15px;line-height:1.6}.clay-success-badge{color:#b45309;background:#eab3081f;border:1.5px solid #eab3084d;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:7px 18px;font-size:13px;font-weight:700;display:inline-flex}:root{--a-navy:#1a3a6b;--a-navy-dark:#0f2347;--a-gold:#c8a951;--a-gray-50:#f8f9fa;--a-gray-600:#6b7280;--a-radius:12px}.about-page{font-family:var(--sans);color:var(--text-h)}.about-container{max-width:1160px;margin:0 auto;padding:0 24px}.about-section{padding:80px 0}.about-bg-gray{background:var(--a-gray-50)}.about-section-header{text-align:center;margin-bottom:52px}.about-section-header h2{color:var(--a-navy);margin:0 0 12px;font-size:32px;font-weight:700}.about-section-header p{color:var(--a-gray-600);margin:0 0 20px;font-size:16px}.about-section-header.white h2{color:#fff}.about-section-header.white p{color:#ffffffbf}.about-divider{background:var(--a-navy);border-radius:2px;width:56px;height:3px;margin:0 auto}.about-divider.gold{background:var(--a-gold)}.about-hero{background:linear-gradient(135deg, var(--a-navy-dark) 0%, var(--a-navy) 100%);text-align:center;color:#fff;padding:64px 0 72px}.about-hero h1{letter-spacing:-.5px;color:#fff;margin:0 0 14px;font-size:40px;font-weight:800}.about-hero p{color:#ffffffbf;max-width:540px;margin:0 auto;font-size:17px;line-height:1.6}.about-breadcrumb{color:#fff9;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;font-size:14px;display:flex}.about-breadcrumb a{color:#fffc;text-decoration:none}.about-breadcrumb a:hover{color:#fff}.about-breadcrumb span{line-height:1}.about-logo-badge{background:#fff;border-radius:16px;align-items:center;gap:14px;margin-bottom:28px;padding:12px 20px;display:inline-flex;box-shadow:0 4px 20px #00000040}.about-logo-badge img{width:auto;height:54px;display:block}.about-logo-name{color:var(--a-navy);text-align:left;font-size:15px;font-weight:700;line-height:1.2}.about-logo-sub{color:var(--a-gray-600);font-size:12px}.about-intro{grid-template-columns:1fr 1fr;align-items:start;gap:56px;display:grid}@media (width<=768px){.about-intro{grid-template-columns:1fr;gap:32px}}.about-intro-img-wrap{position:relative}.about-campus-img{object-fit:cover;border-radius:var(--a-radius);width:100%;height:420px;display:block}.about-img-badge{background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 2px 12px #00000026}.about-img-badge span{color:var(--a-navy);font-size:12px;font-weight:700}.about-intro-text h2{color:var(--a-navy);margin:0 0 16px;font-size:26px;font-weight:700}.about-intro-text p{color:var(--a-gray-600);margin:0 0 14px;line-height:1.7}.about-bullets{flex-direction:column;gap:10px;margin:20px 0 0;padding:0;list-style:none;display:flex}.about-bullets li{color:var(--a-gray-600);padding-left:22px;font-size:15px;line-height:1.5;position:relative}.about-bullets li:before{content:"●";color:var(--a-gold);font-size:10px;position:absolute;top:5px;left:0}.about-photo-strip{grid-template-columns:repeat(4,1fr);height:200px;display:grid;overflow:hidden}.about-photo-cell{overflow:hidden}.about-photo-cell img{object-fit:cover;width:100%;height:100%;display:block}.about-chairman-section{background:linear-gradient(#f8f9fa 0%,#fff 100%)}.about-chairman-layout{grid-template-columns:minmax(220px,320px) minmax(0,1fr);align-items:start;gap:28px;max-width:1040px;margin:0 auto;display:grid}.about-chairman-photo-wrap{position:sticky;top:96px}.about-chairman-photo{object-fit:cover;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-height:440px;display:block;box-shadow:0 10px 26px #0f234729}.about-chairman-content{max-width:none;margin:0;line-height:1.85}.about-chairman-content p{color:var(--a-gray-600);margin:0 0 20px;font-size:15px}.about-chairman-content p:last-of-type{margin-bottom:28px}.about-chairman-signature{text-align:center;border-top:2px solid var(--a-gold);margin-top:28px;padding:24px 0 0}.about-chairman-signature strong{color:var(--a-navy);margin-bottom:6px;font-size:16px;display:block}.about-chairman-title{color:var(--a-gray-600);font-size:13px;font-weight:500}@media (width<=900px){.about-chairman-layout{grid-template-columns:1fr;gap:20px}.about-chairman-photo-wrap{max-width:380px;margin:0 auto;position:static}}.about-vm{background:linear-gradient(135deg, var(--a-navy-dark) 0%, var(--a-navy) 100%);padding:80px 0}.about-vm-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (width<=768px){.about-vm-grid{grid-template-columns:1fr}}.about-vm-card{border-radius:var(--a-radius);color:#fff;background:#ffffff14;border:1px solid #ffffff1f;padding:36px}.about-vm-icon{margin-bottom:18px;font-size:40px}.about-vm-card h3{color:#fff;margin:0 0 14px;font-size:22px;font-weight:700}.about-vm-card p{color:#ffffffd1;margin:0;line-height:1.7}.about-vm-sub{color:#ffffff8c!important;margin-top:14px!important}.about-obj-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=900px){.about-obj-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about-obj-grid{grid-template-columns:1fr}}.about-obj-card{border-radius:var(--a-radius);background:#fff;border:1px solid #e5e7eb;padding:28px 24px;transition:box-shadow .2s,transform .2s}.about-obj-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.about-obj-num{color:var(--a-gold);font-variant-numeric:tabular-nums;margin-bottom:14px;font-size:36px;font-weight:800;line-height:1}.about-obj-card h4{color:var(--a-navy);margin:0 0 10px;font-size:16px;font-weight:700}.about-obj-card p{color:var(--a-gray-600);margin:0;font-size:14px;line-height:1.6}.about-bylaws-wrap{flex-direction:column;gap:28px;max-width:860px;margin:0 auto;display:flex}.about-bylaws-card{border-radius:var(--a-radius);background:#fff;border:1px solid #e5e7eb;padding:32px;box-shadow:0 2px 12px #0000000d}.about-bylaws-card h3{color:var(--a-navy);margin:0 0 20px;font-size:18px;font-weight:700}.about-detail-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:20px;padding:14px 0;display:flex}.about-detail-label{color:var(--a-navy);flex-shrink:0;min-width:200px;font-size:14px;font-weight:600}.about-detail-value{color:var(--a-gray-600);text-align:right;font-size:14px;line-height:1.5}@media (width<=560px){.about-detail-row{flex-direction:column;gap:4px}.about-detail-value{text-align:left}}.about-accordion{border-radius:var(--a-radius);background:#fff;border:1px solid #e5e7eb;padding:24px;overflow:hidden}.about-accordion h3{color:var(--a-navy);margin:0 0 16px;font-size:18px;font-weight:700}.about-acc-item{border-bottom:1px solid #f3f4f6}.about-acc-item:last-child{border-bottom:none}.about-acc-btn{width:100%;color:var(--a-navy);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:14px;font-weight:600;transition:color .15s;display:flex}.about-acc-btn:hover,.about-acc-btn.open{color:var(--a-blue)}.about-acc-body{color:var(--a-gray-600);white-space:pre-wrap;padding:4px 0 16px;font-size:14px;line-height:1.7}.about-committee-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.about-committee-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.about-committee-grid{grid-template-columns:1fr}}.about-member-card{border-radius:var(--a-radius);text-align:center;background:#fff;border:1px solid #e5e7eb;padding:28px 16px 24px;transition:box-shadow .2s,transform .2s}.about-member-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.about-member-avatar{background:linear-gradient(135deg, var(--a-navy), var(--a-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:20px;font-weight:700;display:flex}.about-member-card h4{color:var(--a-navy);margin:0 0 6px;font-size:15px;font-weight:700}.about-member-role{color:var(--a-gold);margin-bottom:4px;font-size:13px;font-weight:600}.about-member-batch{color:var(--a-gray-600);margin-bottom:8px;font-size:12px}.about-member-phone{color:var(--a-navy);font-size:12px;font-weight:600}.contact-page{background:radial-gradient(circle at 12% 18%,#0891b217,#0000 40%),radial-gradient(circle at 88% 75%,#d4a0171a,#0000 42%),linear-gradient(#f7fbff 0%,#fefcf5 100%)}.contact-container{max-width:1160px;margin:0 auto;padding:0 24px}.contact-hero{background:linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 100%);color:#fff;padding:64px 0 72px}.contact-breadcrumb{color:#ffffffb3;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.contact-breadcrumb a{color:#ffffffe0;transition:color .2s}.contact-breadcrumb a:hover{color:#fff}.contact-hero h1{color:#fff;margin-bottom:12px}.contact-hero p{color:#ffffffd1;max-width:640px;font-size:17px}.contact-section{padding:64px 0 78px}.contact-grid{grid-template-columns:.95fr 1.05fr;gap:28px;display:grid}.contact-info-col{flex-direction:column;gap:20px;display:flex}.contact-card,.contact-form-card{background:#fff;border:1px solid #1a4a8a24;border-radius:16px;box-shadow:0 16px 36px #14345814}.contact-card{padding:24px}.contact-card h3,.contact-form-card h3{color:var(--accent-dark);margin:0 0 18px;font-size:21px}.contact-brand{border-bottom:2px solid #1a4a8a14;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.contact-brand img{width:auto;height:52px}.contact-brand-name{font-family:var(--heading);color:var(--accent-dark);font-size:15px;font-weight:700;line-height:1.2}.contact-brand-sub{color:var(--text);font-size:12px}.contact-info-item{gap:12px;margin-bottom:14px;display:flex}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{width:34px;height:34px;color:var(--accent);background:linear-gradient(135deg,#1a4a8a1f,#0891b229);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-item h5{color:var(--text-h);margin:0 0 4px;font-size:15px}.contact-info-item p{color:var(--text);margin:0;font-size:14px;line-height:1.5}.contact-campus-card{border:1px solid #1a4a8a24;border-radius:16px;min-height:220px;position:relative;overflow:hidden;box-shadow:0 14px 32px #122f521f}.contact-campus-card.fallback{background:linear-gradient(135deg,#1a4a8a,#2563c7)}.contact-campus-card img{object-fit:cover;width:100%;height:100%;min-height:220px;display:block}.contact-campus-overlay{background:linear-gradient(#0d2d5e40,#0d2d5ee0);flex-direction:column;justify-content:flex-end;padding:20px;display:flex;position:absolute;inset:0}.contact-campus-title{color:#fff;margin-bottom:4px;font-size:14px;font-weight:700}.contact-campus-overlay p{color:#ffffffc7;margin:0;font-size:12px}.contact-map-link{color:var(--accent);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:12px;right:12px}.contact-social-list{flex-direction:column;gap:10px;display:flex}.contact-social-link{color:#334155;background:#f8fbff;border:1px solid #1a4a8a14;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.contact-social-link:hover{background:#1a4a8a14;border-color:#1a4a8a40;transform:translate(3px)}.contact-form-card{padding:28px}.contact-success-msg{color:#166534;background:#22c55e24;border:1px solid #22c55e52;border-radius:10px;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px;font-weight:500;display:inline-flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.contact-form-group{flex-direction:column;margin-bottom:14px;display:flex}.contact-form-group label{color:var(--text-h);margin-bottom:6px;font-size:13px;font-weight:600}.contact-form-group input,.contact-form-group textarea{width:100%;font-family:var(--sans);color:var(--text-h);background:#fff;border:1.5px solid #d8e2f0;border-radius:10px;outline:none;padding:11px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.contact-form-group textarea{resize:vertical;min-height:132px}.contact-form-group input:focus,.contact-form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a4a8a1f}.contact-form-group.error input,.contact-form-group.error textarea{border-color:#dc2626}.contact-error-msg{color:#dc2626;margin-top:4px;font-size:12px}.contact-submit{justify-content:center;width:100%;margin-top:4px}@media (width<=920px){.contact-grid{grid-template-columns:1fr}}@media (width<=640px){.contact-hero{padding:52px 0 58px}.contact-section{padding:44px 0 56px}.contact-form-card,.contact-card{padding:20px 16px}.contact-form-row{grid-template-columns:1fr;gap:0}}.app-shell{text-align:left;flex-direction:column;width:100%;min-height:100svh;display:flex}.top-news-ticker{color:#e5ecf8;background:linear-gradient(90deg,#0a2145 0%,#153f79 50%,#0a2145 100%);border-bottom:1px solid #ffffff24}.top-news-inner{align-items:center;gap:14px;max-width:1280px;min-height:42px;margin:0 auto;padding:0 24px;display:flex}.top-news-label{text-transform:uppercase;letter-spacing:.8px;color:#fff;background:#ffffff24;border:1px solid #fff3;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:700}.top-news-marquee{white-space:nowrap;flex:1;overflow:hidden}.top-news-track{align-items:center;min-width:max-content;animation:34s linear infinite homeTickerMove;display:inline-flex}.top-news-item{color:#f6f8fd;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.top-news-item:hover{color:#fff;text-decoration:underline}.top-news-separator{color:#ffffff80;margin:0 14px;font-size:12px}@keyframes homeTickerMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.top-news-track{animation:none}}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);background:#0d2d5ef7;border-bottom:1px solid #ffffff14;position:sticky;top:0}.navbar.scrolled{background:#0d2d5efc;box-shadow:0 4px 24px #0003}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;height:70px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-logo-icon{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:3px;display:flex;overflow:hidden}.navbar-logo-icon img{object-fit:contain;width:100%;height:100%}.navbar-logo-name{font-family:var(--heading);color:#fff;font-size:16px;font-weight:700;line-height:1.1;display:block}.navbar-logo-sub{color:#fff9;letter-spacing:1px;text-transform:uppercase;font-size:10px;display:block}.nav-links{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#ffffffd9;transition:var(--transition);border-radius:6px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:#fff;background:#ffffff1a}.nav-links a.active{color:#fff;background:#ffffff26}.mobile-only{display:none}.nav-right{align-items:center;gap:12px;display:flex}.nav-auth-btn{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 12px #d4a0174d}.nav-auth-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4a01766}.profile-dropdown-wrap{position:relative}.profile-dropdown-trigger{cursor:pointer;transition:var(--transition);background:#ffffff1a;border:1.5px solid #fff3;border-radius:100px;align-items:center;gap:6px;padding:4px 10px 4px 4px;display:flex}.profile-dropdown-trigger:hover{background:#ffffff2e}.profile-avatar-sm{background:linear-gradient(135deg, var(--accent), var(--teal));width:32px;height:32px;font-family:var(--heading);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.profile-chevron{color:#ffffffb3;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.profile-dropdown-menu{border:1px solid var(--border);z-index:200;background:#fff;border-radius:12px;min-width:220px;animation:.15s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:14px 16px}.profile-dropdown-name{color:var(--text-h);font-size:14px;font-weight:700}.profile-dropdown-email{color:var(--text);margin-top:2px;font-size:12px}.profile-dropdown-divider{background:var(--border);height:1px}.profile-dropdown-item{color:var(--text-h);cursor:pointer;width:100%;font-size:14px;font-weight:500;font-family:var(--sans);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:background .12s;display:flex}.profile-dropdown-item:hover{background:var(--bg-subtle)}.profile-dropdown-signout{border-top:1px solid var(--border);color:#dc2626!important}.profile-dropdown-signout:hover{background:#dc26260f!important}.nav-logout-btn-mobile{cursor:pointer;color:#fca5a5;text-align:left;width:100%;font-size:14px;font-weight:600;font-family:var(--sans);transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:8px 14px}.nav-logout-btn-mobile:hover{color:#f87171;background:#ef444426}.hamburger{cursor:pointer;color:var(--text-h);background:0 0;border:none;padding:4px;display:none}@media (width<=768px){.top-news-inner{gap:10px;min-height:40px;padding:0 16px}.top-news-label{padding:4px 8px;font-size:11px}.top-news-item{font-size:12px}.top-news-separator{margin:0 10px}.hamburger{display:block}.nav-links{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:16px;display:none;position:absolute;top:60px;left:0;right:0;box-shadow:0 12px 24px #0000001a}.nav-links a{background:var(--code-bg);width:100%;color:var(--text-h);border-radius:8px;padding:12px 16px;font-weight:600;display:block}.nav-links a:hover,.nav-links a.active{background:var(--accent-bg);color:var(--accent)}.nav-links.open{display:flex}}.page-enter{animation:.18s ease-out forwards pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-section{text-align:center;background:radial-gradient(at 70% 10%,#7c3aed1f 0%,#0000 55%),radial-gradient(at 20% 80%,#7c3aed12 0%,#0000 50%);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:calc(100svh - 60px);padding:64px 24px;display:flex}.hero-badge{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:100px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-section h1{max-width:820px;margin:0}.hero-section h1 em{color:var(--accent);font-style:normal}.hero-desc{max-width:560px;color:var(--text);font-size:18px;line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.section{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:64px 24px}.section-title{color:var(--text-h);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:600}.section-subtitle{color:var(--text);margin:0 0 40px;font-size:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px;transition:box-shadow .18s,transform .18s}.card:hover{box-shadow:var(--shadow);border-color:var(--accent);color:var(--accent);background:var(--accent-bg);transform:translateY(-2px)}.card-img{object-fit:cover;background:var(--accent-bg);border-radius:8px;width:100%;height:160px;margin-bottom:16px}.card-title{color:var(--text-h);margin:0 0 6px;font-size:17px;font-weight:600}.card-meta{color:var(--text);align-items:center;gap:12px;margin:0 0 10px;font-size:13px;display:flex}.card-desc{color:var(--text);margin:0;font-size:14px;line-height:1.55}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.88;box-shadow:0 4px 12px var(--accent-border);transform:translateY(-2px)}.btn-outline{color:var(--text-h);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{opacity:.88;transform:translateY(-2px)}.btn-success{background:var(--green);color:#fff}.btn-success:hover{opacity:.88;transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-sm{padding:6px 14px;font-size:13px}.form-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;max-width:560px;margin:0 auto;padding:36px}.form-title{color:var(--text-h);margin:0 0 4px;font-size:22px;font-weight:700}.form-subtitle{color:var(--text);margin:0 0 28px;font-size:14px}.form-group{margin-bottom:18px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-label{color:var(--text-h);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.form-label .lock-icon{color:var(--text);cursor:help}.form-input{border:1.5px solid var(--border);width:100%;font-family:var(--sans);color:var(--text-h);background:var(--bg);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.form-input:disabled,.form-input[readonly]{background:var(--code-bg);color:var(--text);cursor:not-allowed}.form-input.error{border-color:#ef4444}.form-error{color:#ef4444;margin-top:4px;font-size:12px}.form-hint{color:var(--text);margin-top:4px;font-size:12px}.form-divider{border:none;border-top:1px solid var(--border);margin:24px 0}.drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;color:var(--text);border-radius:10px;padding:32px 20px;font-size:14px;transition:border-color .18s,background .18s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent);background:var(--accent-bg)}.drop-zone.success{background:#22c55e14;border-color:#22c55e}.drop-zone-icon{color:var(--accent);margin-bottom:8px}.drop-zone strong{color:var(--text-h)}.drop-zone-preview{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.drop-zone-preview img{border:1px solid var(--border);border-radius:6px;max-height:80px}.badge{border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-pending{background:var(--yellow-bg);color:var(--yellow)}.badge-approved{background:var(--green-bg);color:var(--green)}.badge-rejected{background:var(--red-bg);color:var(--red)}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;min-width:260px;max-width:360px;box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:500;animation:.25s ease-out slideInToast;display:flex}.toast-success{background:var(--green)}.toast-error{background:var(--red)}.toast-info{background:var(--accent)}@keyframes slideInToast{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#00000080;justify-content:center;align-items:flex-end;padding-bottom:0;animation:.18s fadeBg;display:flex;position:fixed;inset:0}@media (width>=640px){.modal-overlay{align-items:center}}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border-radius:16px 16px 0 0;width:100%;max-width:680px;max-height:90vh;padding:28px;animation:.25s ease-out slideUpModal;overflow-y:auto}@media (width>=640px){.modal{border-radius:16px}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-title{color:var(--text-h);margin:0;font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:4px;padding:4px}.modal-close:hover{color:var(--text-h);background:var(--code-bg)}.auth-page{background:radial-gradient(ellipse at 30% 50%, var(--accent-bg) 0%, transparent 50%);justify-content:center;align-items:center;min-height:calc(100svh - 60px);padding:40px 16px;display:flex}.auth-tabs{border:1.5px solid var(--border);border-radius:10px;margin-bottom:28px;display:flex;overflow:hidden}.auth-tab{color:var(--text);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .18s}.auth-tab.active{background:var(--accent);color:#fff}.success-screen{text-align:center;padding:32px 0}.success-icon{margin-bottom:16px;font-size:56px}.success-screen h3{color:var(--text-h);margin:0 0 8px;font-size:20px}.success-screen p{color:var(--text);margin:0 0 24px;font-size:15px;line-height:1.6}.admin-shell{min-height:calc(100svh - 60px);display:flex;position:relative}.admin-sidebar{border-right:1px solid var(--border);background:var(--bg);z-index:10;flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:12px;transition:width .22s,padding .22s;display:flex;overflow:hidden}.admin-shell.sidebar-collapsed .admin-sidebar{width:56px;padding:12px 6px}.admin-shell.sidebar-collapsed .admin-sidebar-label,.admin-shell.sidebar-collapsed .admin-sidebar-count{display:none}.admin-shell.sidebar-collapsed .admin-sidebar-btn{justify-content:center;padding:10px 0}.admin-sidebar-header{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;display:flex}.admin-sidebar-title{text-transform:uppercase;letter-spacing:1px;color:var(--text);margin:0;font-size:11px;font-weight:700}.admin-sidebar-toggle{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;align-items:center;padding:4px 6px;transition:all .15s;display:flex}.admin-sidebar-toggle:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.admin-sidebar-overlay{display:none}@media (width<=768px){.admin-sidebar,.admin-sidebar.open{display:none!important}.admin-shell.sidebar-collapsed .admin-sidebar{width:240px;padding:12px;transform:translate(-100%)}.admin-shell.sidebar-collapsed .admin-sidebar.open{transform:translate(0)}.admin-shell.sidebar-collapsed .admin-sidebar-label,.admin-shell.sidebar-collapsed .admin-sidebar-count{display:inline}.admin-shell.sidebar-collapsed .admin-sidebar-btn{justify-content:flex-start;padding:10px 12px}.admin-sidebar-overlay{z-index:99;background:#0000004d;display:block;position:fixed;inset:60px 0 0}}.admin-sidebar-btn{color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.admin-sidebar-btn:hover{background:var(--accent-bg);color:var(--accent)}.admin-sidebar-btn.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.admin-sidebar-count{background:var(--accent);color:#fff;border-radius:100px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.admin-content{flex:1;padding:32px;transition:margin-left .22s;overflow-x:auto}@media (width<=768px){.admin-content{padding:20px 16px}}.admin-content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.admin-content-header h2{color:var(--text-h);margin:0;font-size:22px}.admin-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-bar{border:1.5px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;transition:border-color .18s;display:flex}.search-bar:focus-within{border-color:var(--accent)}.search-bar input{color:var(--text-h);background:0 0;border:none;outline:none;width:200px;font-size:14px}.data-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead{background:var(--code-bg);z-index:1;position:sticky;top:0}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-h);vertical-align:middle;padding:13px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--accent-bg);transition:background .12s}.table-actions{gap:6px;display:flex}.pagination{color:var(--text);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;font-size:13px;display:flex}.pagination-btns{gap:6px;display:flex}.page-btn{border:1.5px solid var(--border);cursor:pointer;color:var(--text-h);background:0 0;border-radius:6px;padding:5px 10px;font-size:13px;transition:all .15s}.page-btn:hover{border-color:var(--accent);color:var(--accent)}.page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--code-bg) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.skeleton-card{border:1px solid var(--border);border-radius:12px;padding:24px}.split-view{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.split-view{grid-template-columns:1fr}}.split-panel{border:1px solid var(--border);border-radius:10px;padding:20px}.screenshot-thumb{border:1px solid var(--border);cursor:zoom-in;border-radius:8px;width:100%;transition:box-shadow .18s}.screenshot-thumb:hover{box-shadow:var(--shadow)}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:999;touch-action:pan-y;background:#000000bf;justify-content:center;align-items:center;padding:16px;animation:.2s lb-fade-in;display:flex;position:fixed;inset:0}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-card{background:var(--surface,#1e1e2e);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:calc(100svh - 40px);animation:.22s cubic-bezier(.34,1.3,.64,1) lb-card-in;display:flex;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff0a}@keyframes lb-card-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px 10px;display:flex}.lightbox-counter{color:#ffffff8c;letter-spacing:.5px;font-size:13px;font-weight:600}.lightbox-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .18s,color .18s,border-color .18s;display:flex}.lightbox-close-btn:hover{color:#ff4757;background:#ff475740;border-color:#ff475780}.lightbox-img-wrap{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 56px;transition:opacity .16s,transform .16s;display:flex}.lightbox-img-wrap.lb-slide-out-left{opacity:0;transform:translate(-30px)}.lightbox-img-wrap.lb-slide-out-right{opacity:0;transform:translate(30px)}.lightbox-img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:10px;max-width:100%;max-height:calc(100svh - 200px);display:block;box-shadow:0 8px 32px #0006}.lightbox-caption{text-align:center;color:#fff9;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:10px 20px 2px;font-size:13px;overflow:hidden}.lightbox-dots{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:14px 20px;display:flex}.lightbox-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;flex-shrink:0;width:7px;height:7px;padding:0;transition:background .18s,transform .18s}.lightbox-dot.active{background:var(--accent,#7c3aed);transform:scale(1.35)}.lightbox-dot:hover:not(.active){background:#ffffff73}.lightbox-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fffc;cursor:pointer;z-index:2;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--accent,#7c3aed);border-color:var(--accent,#7c3aed);color:#fff;transform:translateY(-50%)scale(1.1)}.lightbox-nav-prev{left:10px}.lightbox-nav-next{right:10px}@media (width<=600px){.lightbox-card{border-radius:16px}.lightbox-img-wrap{padding:0 48px}.lightbox-nav{width:34px;height:34px}.lightbox-nav-prev{left:6px}.lightbox-nav-next{right:6px}}.confirm-dialog{text-align:center;max-width:400px;margin:0 auto;padding:36px 28px}.confirm-dialog h3{color:var(--text-h);margin:0 0 10px;font-size:18px}.confirm-dialog p{color:var(--text);margin:0 0 24px;font-size:14px}.confirm-actions{justify-content:center;gap:10px;display:flex}.dir-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.view-toggle{border:1.5px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.view-toggle button{cursor:pointer;color:var(--text);background:0 0;border:none;padding:7px 12px;transition:all .15s}.view-toggle button.active{background:var(--accent);color:#fff}.alumni-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.alumni-list{flex-direction:column;gap:10px;display:flex}.alumni-card-grid{border:1px solid var(--border);text-align:center;border-radius:12px;padding:20px;transition:box-shadow .18s,transform .18s}.alumni-card-grid:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.alumni-avatar{background:var(--accent-bg);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:22px;font-weight:700;display:flex}.alumni-name{color:var(--text-h);margin:0 0 2px;font-size:15px;font-weight:600}.alumni-dept{color:var(--text);margin:0 0 8px;font-size:12px}.empty-state{text-align:center;color:var(--text);padding:80px 24px}.empty-state-icon{margin-bottom:16px;font-size:52px}.empty-state h3{color:var(--text-h);margin:0 0 8px;font-size:18px}.empty-state p{margin:0;font-size:14px}.profile-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.profile-avatar-lg{background:var(--accent-bg);width:80px;height:80px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.editable-section{margin-bottom:28px}.editable-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text);align-items:center;gap:8px;margin:0 0 14px;font-size:12px;font-weight:700;display:flex}.locked-tag{background:var(--code-bg);color:var(--text);text-transform:none;letter-spacing:0;border-radius:100px;padding:2px 8px;font-size:11px}.footer{border-top:1px solid var(--border);text-align:center;color:var(--text);padding:32px 24px;font-size:13px}.global-loader-container{background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.cropper-modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cropper-modal{background:var(--bg);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:480px;max-height:90vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000004d}.cropper-container{background:#000;border-radius:8px;width:100%;height:320px;position:relative;overflow:hidden}