:root{--hue-primary: 96;--hue-secondary: 160;--color-primary: hsl(var(--hue-primary), 56%, 35%);--color-primary-glow: hsl(var(--hue-primary), 56%, 35%, .5);--color-secondary: hsl(var(--hue-secondary), 50%, 45%);--color-bg-dark: hsl(96, 20%, 5%);--color-bg-card: hsl(96, 20%, 10%, .6);--color-text-main: hsl(0, 0%, 100%);--color-text-muted: hsl(96, 10%, 80%);--color-glass-border: hsla(0, 0%, 100%, .1);--color-glass-highlight: hsla(0, 0%, 100%, .05);--font-family: "Inter", system-ui, -apple-system, sans-serif;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(100,50,255,.15) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,50,150,.15) 0%,transparent 20%);background-attachment:fixed}button{cursor:pointer;border:none;font-family:inherit}input,textarea{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-smooth) forwards}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-4px)}.glass-panel{background:var(--color-glass-highlight);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.search-result-item{padding:.8rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:background-color .2s}.search-result-item:hover{background-color:#ffffff1a}.container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.search-dropdown-results{background-color:#1a1a1a!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000000e6}.profile-header{padding:2rem;display:grid;grid-template-columns:auto 1fr;column-gap:2rem;row-gap:.5rem;align-items:center;grid-template-areas:"avatar name" "avatar dept" "avatar bio" "avatar stats" "subjects subjects"}.profile-avatar{grid-area:avatar;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;flex-shrink:0}.profile-name{grid-area:name}.profile-name h1{margin:0;line-height:1.2}.profile-dept{grid-area:dept;color:var(--color-primary);font-weight:600}.profile-bio{grid-area:bio;color:var(--color-text-muted);max-width:600px}.profile-stats{grid-area:stats;display:flex;gap:1rem;margin-top:.5rem}.profile-subjects{grid-area:subjects;margin-top:1rem}@media(max-width:768px){.mobile-hidden{display:none!important}nav{padding:.5rem 1rem!important;margin:0 .5rem!important}nav .text-gradient{font-size:1rem!important}h1{font-size:2.5rem!important;margin-bottom:1rem!important}.container{padding:1rem}.profile-header{padding:1rem!important;column-gap:1rem;grid-template-areas:"avatar name" "avatar dept" "bio bio" "stats stats" "subjects subjects"}.profile-avatar{width:60px!important;height:60px!important;font-size:1.5rem!important}.profile-name h1{font-size:1.5rem!important}.profile-stats{flex-direction:row!important;flex-wrap:wrap;gap:.75rem!important;font-size:.9rem}.profile-stats>div{white-space:nowrap}}
