html{scroll-behavior:smooth}main{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-primary{0%,to{box-shadow:0 0 #1e3a5f66}50%{box-shadow:0 0 0 15px #1e3a5f00}}@keyframes pulse-accent{0%,to{box-shadow:0 0 #7b2d8e66}50%{box-shadow:0 0 0 15px #7b2d8e00}}.animate-fade-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-down{animation:fadeInDown .5s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.hero-icon{animation:float 4s ease-in-out infinite}.text-truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hover-shadow{transition:transform .2s,box-shadow .2s}.hover-shadow:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026!important}.hover-opacity-100:hover{opacity:1!important;transition:opacity .2s ease-in-out}.info-icon{transition:transform .2s ease}.info-row:hover .info-icon{transform:scale(1.2)}.search-card{transition:all .3s ease}.search-card:focus-within{transform:scale(1.02);box-shadow:0 25px 50px #1e3a5f33!important}.search-btn-pulse{animation:pulse-primary 2s infinite}.search-btn-pulse-accent{animation:pulse-accent 2s infinite}.pagination-wrapper{display:flex;justify-content:center;overflow-x:auto;padding:.5rem 0;-webkit-overflow-scrolling:touch}.pagination-wrapper .pagination{flex-wrap:nowrap;gap:.25rem}.pagination-wrapper .page-link{border-radius:50px!important;min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:500;transition:all .2s ease}.pagination-wrapper .page-link:hover{transform:translateY(-2px)}.pagination-primary .page-link{color:#1e3a5f;border:1px solid #d1d5db}.pagination-primary .page-item.active .page-link{background:#1e3a5f;border-color:#1e3a5f;color:#fff;font-weight:600}.pagination-accent .page-link{color:#7b2d8e;border:1px solid #d1d5db}.pagination-accent .page-item.active .page-link{background:#7b2d8e;border-color:#7b2d8e;color:#fff;font-weight:600}@media(max-width:576px){.pagination-wrapper .page-item.page-number{display:none}.pagination-wrapper .page-item.page-number.show-mobile{display:block}.pagination-wrapper .page-link{min-width:36px;height:36px;padding:0 .5rem;font-size:.875rem}}.hero-section{position:relative;height:85vh;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:#00000080;z-index:1}.hero-content{position:relative;z-index:2}.expert-card{opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.expert-card.visible{opacity:1;transform:translateY(0)}.expert-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #1e3a5f26!important}.expert-card:hover .expert-avatar{transform:scale(1.05);box-shadow:0 8px 25px #1e3a5f33}.expert-avatar,.btn-view-profile{transition:all .3s ease}.btn-view-profile:hover{background:#1e3a5f!important;color:#fff!important;transform:translate(5px)}.expertise-badge{transition:all .2s ease}.expertise-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9a8254d}@media(max-width:768px){.expert-card .expert-avatar{width:70px!important;height:70px!important}.expert-card h4{font-size:1.1rem}}.professor-card{opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.professor-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(123,45,142,.05),transparent);transition:left .5s}.professor-card:hover:before{left:100%}.professor-card.visible{opacity:1;transform:translateY(0)}.professor-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #7b2d8e26!important}.professor-card:hover .professor-avatar{transform:scale(1.05);box-shadow:0 8px 25px #7b2d8e40}.professor-avatar{transition:all .3s ease}.professor-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#f9a825,#ffc107);border-radius:50%;padding:6px;box-shadow:0 2px 8px #f9a82566}.btn-view-profile-accent{transition:all .3s ease}.btn-view-profile-accent:hover{background:#7b2d8e!important;color:#fff!important;transform:translate(5px)}.expertise-badge-accent{transition:all .2s ease}.expertise-badge-accent:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7b2d8e4d}@media(max-width:768px){.professor-card .professor-avatar{width:70px!important;height:70px!important}.professor-card h4{font-size:1.1rem}}@media(max-width:768px){.mobile-stack{flex-direction:column;align-items:flex-start!important}}.sys-shell{background:linear-gradient(160deg,#f4f7fb,#eaf0f7);height:100vh;overflow:hidden}.sys-main-col{height:100vh;min-width:0}.sys-content-scroll{overflow-y:auto;overflow-x:hidden}.sys-sidebar{width:272px;height:100vh;background:#fff;border-radius:0 26px 26px 0;box-shadow:0 0 45px #1e3a5f14}.sys-sidebar-nav{overflow-y:auto;overflow-x:hidden}.sys-content-scroll::-webkit-scrollbar,.sys-sidebar-nav::-webkit-scrollbar{width:8px}.sys-content-scroll::-webkit-scrollbar-thumb,.sys-sidebar-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.sys-content-scroll::-webkit-scrollbar-thumb:hover,.sys-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sys-content-scroll,.sys-sidebar-nav{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sys-brand-badge{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#1e3a5f,#2c5282);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1e3a5f47;flex-shrink:0}.sys-section-label{font-size:.64rem;font-weight:700;letter-spacing:.09em;color:#94a3b8;text-transform:uppercase}.sys-section-label:before{content:"";display:inline-block;width:14px;height:2px;border-radius:2px;background:#cbd5e1;margin-right:8px;vertical-align:middle}.sys-nav-link{display:flex;align-items:center;gap:.7rem;padding:.58rem .8rem;border-radius:14px;border:1.5px solid #e8edf3;background:#fff;color:#334155;font-weight:600;font-size:.86rem;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1)}.sys-nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#eef2f8;color:#1e3a5f;flex-shrink:0;transition:all .22s ease}.sys-nav-link:hover{border-color:#1e3a5f;color:#1e3a5f;background:#f6f9fd;transform:translate(3px)}.sys-nav-link:hover .sys-nav-icon{background:#e0e8f3}.sys-nav-link.active{background:linear-gradient(135deg,#1e3a5f,#2c5282);border-color:transparent;color:#fff;box-shadow:0 9px 22px #1e3a5f52}.sys-nav-link.active:hover{transform:translate(0);color:#fff}.sys-nav-link.active .sys-nav-icon{background:#fff3;color:#fff}.sys-nav-child{padding:.48rem .75rem;font-size:.82rem}.sys-nav-child .sys-nav-icon{width:28px;height:28px;border-radius:8px}.sys-user-card{border-radius:16px;border:1.5px solid #e8edf3;background:#f8fafc}.sys-avatar{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.sys-topbar{background:transparent}.sys-hamburger{width:42px;height:42px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#1e3a5f;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sys-hamburger:hover{border-color:#1e3a5f;background:#f6f9fd}.sys-page-hero{position:relative;overflow:hidden;background:#fff;border-radius:18px;padding:1.3rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 6px 24px #1e3a5f12}.sys-page-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#1e3a5f,#2c5282)}.sys-page-hero:after{content:"";position:absolute;top:-70px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#f9a8251f,#f9a82500 70%);pointer-events:none}.sys-page-hero-icon{width:54px;height:54px;border-radius:15px;background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #1e3a5f40;flex-shrink:0}.sys-page-hero-title{color:#1e293b;font-weight:700;font-size:1.4rem;letter-spacing:-.02em}.sys-page-hero-subtitle{color:#64748b;font-size:.9rem}.sys-user-chip{display:flex;align-items:center;gap:.65rem;background:#fff;border:1.5px solid #e8edf3;border-radius:50px;padding:.28rem .42rem .28rem .95rem;cursor:pointer;transition:all .2s ease}.sys-user-chip:hover{border-color:#1e3a5f;box-shadow:0 5px 16px #1e3a5f1f}.sys-user-chip:after{display:none!important}.sys-chip-caret{color:#94a3b8;transition:transform .22s ease,color .22s ease;margin-right:.15rem}.dropdown.show .sys-chip-caret{transform:rotate(180deg);color:#1e3a5f}.sys-dropdown-menu{border:none;border-radius:18px;box-shadow:0 14px 40px #1e3a5f2e;min-width:260px;padding:.45rem}.sys-dropdown-header{background:linear-gradient(135deg,#1e3a5f,#2c5282);color:#fff;border-radius:13px;padding:.85rem;margin-bottom:.4rem}.sys-dropdown-menu .dropdown-item{display:flex;align-items:center;gap:.65rem;border-radius:11px;padding:.5rem .6rem;font-weight:600;font-size:.85rem;transition:all .18s ease}.sys-dropdown-menu .dropdown-item:active{background-color:#eef2f8;color:inherit}.sys-dropdown-menu .dropdown-item:hover{background-color:#f1f5fa}.sys-dropdown-menu .dropdown-item.text-danger:hover{background-color:#fdeaea}.sys-dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#eef2f8;color:#1e3a5f;flex-shrink:0}.sys-dropdown-item-icon.danger{background:#fdeaea;color:#ef4444}