:root{--text-main: #ffffff;--text-muted: #cbd5e1;--accent-cyan: #22d3ee;--card-bg: rgba(16, 20, 28, .65);--card-border: rgba(255, 255, 255, .1)}html{scroll-behavior:smooth}body{background-color:transparent;color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;min-height:100vh}.fixed-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background-image:var(--background-desktop);background-size:cover;background-position:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-9;background:#00000026}.mountain-foreground{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-5;background-image:var(--background-desktop);background-size:cover;background-position:center;pointer-events:none;filter:brightness(1)}#canvas-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-8;opacity:.2;pointer-events:none}.hero-wrapper{height:100vh;width:100%;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-bottom:60vh;z-index:-6}.page-header{opacity:0;transform:translateY(300px)}body.loaded .page-header{animation:mountainRise 2.5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:.3s}@keyframes mountainRise{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}.page-header h1{font-family:Cinzel;font-size:5rem;margin-bottom:1rem;text-shadow:0 10px 40px rgba(0,0,0,.8)}.page-header p{font-family:JetBrains Mono;color:var(--accent-cyan);letter-spacing:8px;text-transform:uppercase;font-size:1rem;text-shadow:0 0 15px rgba(34,211,238,.5)}.scroll-hint{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;color:var(--text-muted);font-size:.8rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:2}body.loaded .scroll-hint{animation:fadeIn 1s 3s forwards,bounce 2s 3s infinite}@keyframes fadeIn{to{opacity:.9}}main{position:relative;z-index:10;margin-top:100vh;background:linear-gradient(to bottom,transparent,rgba(11,12,16,.2) 30%);padding-bottom:6rem;min-height:100vh}.filter-section{position:sticky;top:100px;z-index:90;padding:2rem 0 4rem;text-align:center}.filter-container{display:inline-flex;justify-content:center;gap:2rem;flex-wrap:wrap;background:#0b0c10b3;padding:12px 30px;border-radius:50px;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px #00000080}.filter-btn{background:transparent;border:none;color:var(--text-muted);padding:.5rem 1rem;font-family:JetBrains Mono;font-size:.9rem;cursor:pointer;transition:all .3s;position:relative;text-transform:uppercase}.filter-btn:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--accent-cyan);transition:.3s;transform:translate(-50%)}.filter-btn:hover,.filter-btn.active{color:#fff;text-shadow:0 0 10px rgba(34,211,238,.6)}.filter-btn.active:after{width:100%}.masonry-wrapper{display:flex;gap:3rem;justify-content:center;align-items:flex-start;max-width:1400px;margin:0 auto;padding:0 2rem}.masonry-col{flex:1;display:flex;flex-direction:column;gap:3rem;min-width:0}.masonry-item{opacity:0;transform:translateY(100px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.masonry-item.visible{opacity:1;transform:translateY(0)}.achievement-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all .4s ease;position:relative;backdrop-filter:blur(20px)}.achievement-card:hover{transform:translateY(-8px);border-color:#22d3ee80;box-shadow:0 20px 60px #0009;background:#1e2332e6}.card-image-box{width:100%;border-bottom:1px solid rgba(255,255,255,.05);position:relative;line-height:0}.card-image-box img{width:100%;height:auto;display:block;transition:transform .6s}.achievement-card:hover .card-image-box img{transform:scale(1.05)}.card-image-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 60%,rgba(16,20,28,.8));pointer-events:none}.card-content{padding:2rem}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-year{font-family:JetBrains Mono;font-size:.8rem;color:var(--text-muted);opacity:.6}.card-tag{font-family:JetBrains Mono;font-size:.7rem;color:var(--accent-cyan);border:1px solid rgba(34,211,238,.3);padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.card-title{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem;line-height:1.4;font-family:Inter}.card-award{font-family:Cinzel;font-weight:700;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.award-rank-1{color:gold;text-shadow:0 0 15px rgba(255,215,0,.4)}.award-rank-2{color:#e2e8f0;text-shadow:0 0 15px rgba(226,232,240,.3)}.award-rank-3{color:#cd7f32}.award-other{color:var(--accent-cyan)}.card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@media(max-width:1024px){.masonry-wrapper{flex-wrap:wrap}.masonry-col{min-width:45%}}@media(max-width:768px){.fixed-bg,.mountain-foreground{background-image:var(--background-mobile)}}