:root{--bg-primary:oklch(98% .01 240);--bg-secondary:oklch(96% .01 240);--card-bg:oklch(100% 0 0);--text-primary:oklch(20% .02 240);--text-secondary:oklch(35% .02 240);--accent-primary:oklch(55% .18 145);--accent-secondary:oklch(80% .15 120);--accent-tertiary:oklch(55% .2 30);--border-subtle:oklch(90% .01 240);--card-shadow:0 4px 20px -5px oklch(20% .02 240/.08);--font-display:"Outfit", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--space-unit:clamp(1rem, 2vw, 1.5rem)}[data-theme=dark]{--bg-primary:oklch(12% .02 240);--bg-secondary:oklch(16% .02 240);--card-bg:oklch(20% .03 240);--text-primary:oklch(95% .01 240);--text-secondary:oklch(75% .02 240);--accent-primary:oklch(75% .12 145);--accent-secondary:oklch(85% .1 120);--accent-tertiary:oklch(75% .15 30);--border-subtle:oklch(25% .02 240);--card-shadow:0 10px 30px -10px oklch(0% 0 0/.6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;transition:background-color .4s,color .4s}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.1}a{color:var(--accent-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;padding:0 var(--space-unit);margin:0 auto}.fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;height:80px;display:flex;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-group{align-items:center;gap:.5rem;display:flex}.logo-text{font-family:var(--font-display);color:var(--accent-primary);font-size:1.5rem;font-weight:700}.badge{background-color:var(--accent-secondary);color:var(--text-primary);text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:700}.theme-toggle{border-radius:50%;padding:.5rem;font-size:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.theme-toggle:hover{background-color:var(--bg-secondary);transform:scale(1.1)}.hero{text-align:left;background:radial-gradient(circle at top right, var(--accent-primary) -100%, var(--bg-primary) 50%);padding:4rem 0 6rem}.hero h1{max-width:15ch;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.5rem)}.hero h1 span{color:var(--accent-primary);display:inline-block;position:relative}.hero h1 span:after{content:"";background-color:var(--accent-secondary);opacity:.3;z-index:-1;width:100%;height:.2em;position:absolute;bottom:10%;left:0}.hero p{color:var(--text-secondary);max-width:50ch;margin-bottom:3rem;font-size:clamp(1.1rem,2vw,1.4rem)}.hero-stats{gap:4rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-item strong{font-size:2.5rem;font-family:var(--font-display);color:var(--accent-primary)}.stat-item span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.projects-section{background-color:var(--bg-secondary);padding:6rem 0}.section-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;margin-bottom:3rem;padding-bottom:1rem;display:flex}.section-header h2{font-size:2.5rem}.filter-hint{color:var(--text-secondary);font-weight:600}.project-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.project-card{background-color:var(--card-bg);box-shadow:var(--card-shadow);border:1px solid var(--border-subtle);border-radius:1.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.project-card:hover{transform:translateY(-8px)}.card-visual{justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.card-pattern{opacity:.2;background-image:radial-gradient(circle at 2px 2px,#fff 1px,#0000 0);background-size:20px 20px;position:absolute;inset:0}.category-tag{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 10px #0000001a}.card-info{padding:2rem}.card-info h3{margin-bottom:.5rem;font-size:1.6rem}.student-name{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:1rem;font-size:.9rem;font-weight:700}.description{color:var(--text-secondary);font-size:1rem}.footer{border-top:1px solid var(--border-subtle);text-align:center;padding:4rem 0}.footer p{color:var(--text-secondary);margin-bottom:1.5rem}.footer-links{justify-content:center;gap:2rem;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;font-weight:600}.footer-links a:hover{color:var(--accent-primary)}@media (width<=768px){.hero-stats{gap:2rem}.project-grid{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}