:root{--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-200:#bae6fd;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--primary-800:#075985;--primary-900:#0c4a6e;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--emerald-500:#10b981;--emerald-600:#059669;--amber-500:#f59e0b;--amber-600:#d97706;--purple-500:#8b5cf6;--purple-600:#7c3aed;--teal-500:#14b8a6;--teal-600:#0d9488;--rose-500:#f43f5e;--rose-600:#e11d48;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f;--shadow-lg:0 10px 15px -3px #00000017, 0 4px 6px -4px #0000000f;--shadow-xl:0 20px 25px -5px #0000001f, 0 8px 10px -6px #00000014;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 35px -5px #0284c74d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--max-width:1320px;--header-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{font-family:var(--font-sans);color:var(--slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--slate-900);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.site-header{z-index:100;height:var(--header-height);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200);background:#ffffffeb;transition:all .2s;position:sticky;top:0;box-shadow:0 2px 10px #00000008}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;height:100%;display:flex}.brand-group{cursor:pointer;align-items:center;gap:.875rem;display:flex}.brand-emblem{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0284c759}.brand-text{flex-direction:column;display:flex}.brand-title{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--slate-900);font-size:1.15rem;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--primary-600);letter-spacing:.04em;text-transform:uppercase;font-size:.725rem;font-weight:600}.header-center{flex:1;align-items:center;gap:.5rem;max-width:460px;display:flex}.global-search-box{background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--radius-full);align-items:center;gap:.5rem;width:100%;padding:.45rem 1rem;transition:all .2s;display:flex}.global-search-box:focus-within{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px #0ea5e926}.global-search-input{width:100%;color:var(--slate-800);background:0 0;border:none;outline:none;font-size:.875rem}.header-right{align-items:center;gap:.75rem;display:flex}.user-badge{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-800);border-radius:var(--radius-full);align-items:center;gap:.5rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:600;display:flex}.user-dot{background-color:var(--emerald-500);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 2px #10b9814d}.btn-logout{border-radius:var(--radius-md);color:var(--slate-600);background:var(--slate-100);align-items:center;gap:.375rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{color:var(--rose-600);background:#fee2e2}.hero-section{color:#fff;background:linear-gradient(135deg,#09233e 0%,#0e3b68 50%,#094770 100%);padding:3.5rem 0 3rem;position:relative;overflow:hidden;box-shadow:inset 0 -1px #ffffff1a}.hero-background-art{opacity:.25;mix-blend-mode:overlay;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-gradient-overlay{pointer-events:none;background:radial-gradient(circle at 80% 20%,#0ea5e933 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.project-tag-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#bae6fd;letter-spacing:.02em;background:#ffffff1f;border:1px solid #fff3;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .9rem;font-size:.775rem;font-weight:600;display:inline-flex}.hero-title{color:#fff;letter-spacing:-.02em;max-width:850px;margin-bottom:1rem;font-size:2.35rem;font-weight:800;line-height:1.18}.hero-title span{background:linear-gradient(135deg,#7dd3fc 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:#cbd5e1;max-width:780px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.hero-stats-bar{border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding-top:1.5rem;display:grid}.stat-item{align-items:center;gap:.875rem;display:flex}.stat-icon-wrap{border-radius:var(--radius-md);color:#7dd3fc;background:#ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-number{font-family:var(--font-heading);color:#fff;font-size:1.45rem;font-weight:800;line-height:1}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.775rem;font-weight:500}.section-main{padding:3rem 0 5rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}.section-title-wrap h2{color:var(--slate-900);letter-spacing:-.01em;margin-bottom:.35rem;font-size:1.85rem}.section-title-wrap p{color:var(--slate-500);font-size:.95rem}.filter-nav{border-radius:var(--radius-full);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.3rem;display:flex}.filter-btn{border-radius:var(--radius-full);color:var(--slate-600);padding:.45rem 1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.filter-btn:hover{color:var(--slate-900)}.filter-btn.active{background:var(--primary-600);color:#fff;box-shadow:0 2px 6px #0284c74d}.educations-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2rem;display:grid}.education-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-md);cursor:pointer;background:#fff;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.education-card:hover{box-shadow:var(--shadow-xl), var(--shadow-glow);border-color:var(--primary-300);transform:translateY(-6px)}.card-image-wrap{aspect-ratio:16/9;background:var(--slate-900);width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.education-card:hover .card-image{transform:scale(1.05)}.card-badge-num{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-heading);border-radius:var(--radius-md);background:#0f172acc;border:1px solid #fff3;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.875rem;font-weight:800;display:flex;position:absolute;top:1rem;left:1rem}.card-badge-count{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#0284c7e6;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 4px 10px #0003}.card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-600);margin-bottom:.5rem;font-size:.75rem;font-weight:700}.card-title{color:var(--slate-900);margin-bottom:.5rem;font-size:1.35rem;font-weight:700;line-height:1.3}.card-desc{color:var(--slate-600);flex:1;margin-bottom:1.25rem;font-size:.875rem;line-height:1.55}.card-highlights{border-top:1px solid var(--slate-100);flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding-top:1rem;list-style:none;display:flex}.card-highlight-item{color:var(--slate-700);align-items:flex-start;gap:.5rem;font-size:.8125rem;display:flex}.card-highlight-item svg{color:var(--primary-600);flex-shrink:0;margin-top:.15rem}.card-footer{border-top:1px solid var(--slate-100);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.btn-open-education{color:var(--primary-600);align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.education-card:hover .btn-open-education{color:var(--primary-700);gap:.75rem}.detail-view{padding-bottom:5rem}.detail-nav-bar{border-bottom:1px solid var(--slate-200);background:#fff;padding:1rem 0}.btn-back-home{color:var(--slate-600);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back-home:hover{background:var(--slate-100);color:var(--slate-900)}.detail-header-card{border-radius:var(--radius-xl);border:1px solid var(--slate-200);box-shadow:var(--shadow-md);background:#fff;margin-top:1.5rem;margin-bottom:2.5rem;overflow:hidden}.detail-header-grid{grid-template-columns:1fr 420px;gap:2rem;display:grid}@media (width<=960px){.detail-header-grid{grid-template-columns:1fr}}.detail-header-text{flex-direction:column;justify-content:center;padding:2.5rem;display:flex}.detail-meta-pill{color:var(--primary-700);background:var(--primary-50);border:1px solid var(--primary-200);border-radius:var(--radius-full);align-items:center;gap:.5rem;width:fit-content;margin-bottom:1rem;padding:.3rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.detail-title{color:var(--slate-900);letter-spacing:-.01em;margin-bottom:.75rem;font-size:2.15rem;line-height:1.2}.detail-subtitle{color:var(--slate-600);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.5}.detail-target-audience{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);color:var(--slate-700);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.detail-header-visual{background:var(--slate-900);height:100%;min-height:260px;position:relative}.detail-header-visual img{object-fit:cover;width:100%;height:100%}.materials-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.materials-type-filters{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.type-filter-chip{border-radius:var(--radius-full);border:1px solid var(--slate-200);color:var(--slate-600);background:#fff;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.type-filter-chip:hover{border-color:var(--slate-400);color:var(--slate-900)}.type-filter-chip.active{background:var(--slate-900);border-color:var(--slate-900);color:#fff}.materials-search{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:#fff;align-items:center;gap:.5rem;min-width:260px;padding:.45rem .9rem;font-size:.875rem;display:flex}.materials-search input{border:none;outline:none;width:100%;font-size:.875rem}.materials-section-group{margin-bottom:2.5rem}.group-header{border-bottom:2px solid var(--slate-200);align-items:center;gap:.65rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.group-header h3{color:var(--slate-900);font-size:1.25rem}.group-count{background:var(--slate-200);color:var(--slate-700);border-radius:var(--radius-full);padding:.2rem .6rem;font-size:.775rem;font-weight:700}.materials-items-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.material-card{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;padding:1.25rem;transition:all .25s;display:flex;position:relative}.material-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.material-card-top{align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.file-type-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:.75rem;font-weight:800;display:flex}.file-type-icon.pdf{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.file-type-icon.docx{color:#2563eb;background:#dbeafe;border:1px solid #93c5fd}.file-type-icon.video{color:#7c3aed;background:#ede9fe;border:1px solid #c4b5fd}.file-type-icon.image{color:#059669;background:#d1fae5;border:1px solid #6ee7b7}.material-info{flex:1}.material-category-tag{text-transform:uppercase;color:var(--slate-500);letter-spacing:.03em;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.material-title{color:var(--slate-900);margin-bottom:.25rem;font-size:1rem;font-weight:700;line-height:1.35}.material-filename{color:var(--slate-400);word-break:break-all;font-family:monospace;font-size:.75rem}.material-card-bottom{border-top:1px solid var(--slate-100);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.material-size{color:var(--slate-500);font-size:.75rem;font-weight:600}.material-actions{align-items:center;gap:.5rem;display:flex}.btn-action-primary{background:var(--primary-600);color:#fff;border-radius:var(--radius-md);align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-primary:hover{background:var(--primary-700);transform:translateY(-1px)}.btn-action-secondary{background:var(--slate-100);color:var(--slate-700);border-radius:var(--radius-md);align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action-secondary:hover{background:var(--slate-200);color:var(--slate-900)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#0f172abf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);background:#fff;flex-direction:column;width:100%;max-width:1100px;height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards scaleUp;display:flex;overflow:hidden}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-dialog.fullscreen{border-radius:0;max-width:100vw;height:100vh}.modal-header{background:var(--slate-900);color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.modal-title-group{align-items:center;gap:.75rem;display:flex;overflow:hidden}.modal-title-group h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;overflow:hidden}.modal-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-modal-ctrl{border-radius:var(--radius-md);color:#fff;background:#ffffff1a;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-modal-ctrl:hover{color:#7dd3fc;background:#fff3}.btn-modal-close{color:#fda4af;background:#f43f5e33}.btn-modal-close:hover{background:var(--rose-600);color:#fff}.modal-body{background:var(--slate-100);flex:1;display:flex;position:relative;overflow:hidden}.pdf-frame{border:none;width:100%;height:100%}.video-modal-layout{background:#000;grid-template-columns:1fr 340px;width:100%;height:100%;display:grid}@media (width<=900px){.video-modal-layout{grid-template-rows:1fr 200px;grid-template-columns:1fr}}.video-player-container{background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.video-player{outline:none;width:100%;max-height:100%}.video-playlist-sidebar{background:var(--slate-900);border-left:1px solid var(--slate-800);flex-direction:column;display:flex;overflow-y:auto}.playlist-header{border-bottom:1px solid var(--slate-800);color:#fff;background:#ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.9rem;font-weight:700;display:flex}.playlist-items{flex-direction:column;gap:.35rem;padding:.5rem;list-style:none;display:flex}.playlist-item-btn{text-align:left;border-radius:var(--radius-md);color:#cbd5e1;background:#ffffff05;align-items:flex-start;gap:.65rem;width:100%;padding:.75rem;font-size:.825rem;transition:all .2s;display:flex}.playlist-item-btn:hover{color:#fff;background:#ffffff14}.playlist-item-btn.active{background:var(--primary-600);color:#fff;font-weight:700}.image-lightbox-body{background:#0f172a;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex}.lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:100%;box-shadow:var(--shadow-2xl)}.login-page-wrap{background:linear-gradient(135deg,#09233e 0%,#0e3b68 50%,#064065 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-bg-art{opacity:.15;filter:blur(4px);pointer-events:none;background-image:url(/images/hero-banner.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.login-card{z-index:2;-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-xl);background:#fffffff5;border:1px solid #ffffff4d;width:100%;max-width:460px;padding:2.75rem 2.25rem;position:relative;box-shadow:0 25px 60px #00000059}.login-header{text-align:center;margin-bottom:2rem}.login-emblem{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 1.25rem;display:flex;box-shadow:0 8px 20px #0284c766}.login-header h1{color:var(--slate-900);margin-bottom:.35rem;font-size:1.65rem}.login-header .inst-name{text-transform:uppercase;letter-spacing:.05em;color:var(--primary-600);margin-bottom:.25rem;font-size:.75rem;font-weight:700}.login-header p{color:var(--slate-500);font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--slate-700);font-size:.8125rem;font-weight:600}.form-input-wrapper{align-items:center;display:flex;position:relative}.form-input-icon{color:var(--slate-400);pointer-events:none;position:absolute;left:1rem}.form-input{border-radius:var(--radius-md);border:1px solid var(--slate-300);width:100%;color:var(--slate-900);background:#fff;outline:none;padding:.8rem 1rem .8rem 2.75rem;font-family:inherit;font-size:.925rem;transition:all .2s}.form-input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #0284c726}.btn-toggle-pw{color:var(--slate-400);padding:.25rem;position:absolute;right:.85rem}.btn-toggle-pw:hover{color:var(--slate-600)}.login-error-box{color:#b91c1c;border-radius:var(--radius-md);background:#fee2e2;border:1px solid #fca5a5;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.825rem;display:flex}.btn-submit-login{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0284c759}.btn-submit-login:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-1px);box-shadow:0 6px 16px #0284c766}.login-credentials-hint{background:var(--slate-100);border-radius:var(--radius-md);border:1px dashed var(--slate-300);color:var(--slate-600);margin-top:1.5rem;padding:.85rem;font-size:.775rem}.login-credentials-hint p{color:var(--slate-700);margin-bottom:.35rem;font-weight:600}.hint-row{justify-content:space-between;margin-bottom:.2rem;font-family:monospace;display:flex}.btn-quick-fill{width:100%;color:var(--primary-700);cursor:pointer;text-align:center;margin-top:.5rem;font-size:.75rem;font-weight:700;text-decoration:underline}.site-footer{background:var(--slate-900);color:#94a3b8;border-top:1px solid var(--slate-800);padding:3rem 0 2rem;font-size:.85rem}.footer-inner{flex-direction:column;gap:2rem;display:flex}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.footer-project-info{max-width:600px}.footer-inst{color:#fff;font-family:var(--font-heading);margin-bottom:.35rem;font-size:1.15rem;font-weight:800}.footer-project-title{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.footer-contract{color:var(--primary-400);font-size:.775rem}.footer-bottom{border-top:1px solid var(--slate-800);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;font-size:.775rem;display:flex}@media (width<=768px){.hero-title{font-size:1.75rem}.educations-grid,.materials-items-grid{grid-template-columns:1fr}.header-center{display:none}.modal-dialog{border-radius:var(--radius-lg);height:95vh}}