:root{--color-bg: #0a0f1c;--color-primary: #1f2937;--color-accent: #60c0ff;--color-accent-hover: #3daeff;--color-text: #f1f5f9;--color-muted: #94a3b8;--color-border: #334155}body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(to bottom,#0a0f1c,#1e293b);color:var(--color-text);overflow-x:hidden;position:relative}.snowflake{position:fixed;top:-10px;z-index:0;color:#ffffff1a;font-size:1.2rem;-webkit-user-select:none;user-select:none;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(360deg);opacity:0}}header{text-align:center;padding:80px 20px 60px;background:url(../assets/arctic_landscape.png) center/cover no-repeat;position:relative;color:#fff}header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:0}header *{position:relative;z-index:1}header img{width:120px;height:120px;border-radius:50%;border:4px solid var(--color-accent);margin-bottom:20px}header h1{font-size:36px;margin-bottom:10px}header p{color:var(--color-text);font-size:16px}.section{max-width:960px;margin:auto;padding:60px 20px;position:relative;z-index:1}.section h2{text-align:center;color:var(--color-accent);font-size:28px;margin-bottom:30px}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.project{background-color:var(--color-primary);border:1px solid var(--color-border);border-radius:8px;padding:20px;transition:transform .2s ease}.project:hover{transform:translateY(-2px);border-color:var(--color-accent)}.project h3{color:var(--color-text);font-size:18px;margin-bottom:10px}.project p{font-size:14px;color:var(--color-muted)}.project a{display:inline-block;margin-top:10px;color:var(--color-accent);text-decoration:none}.project a:hover{color:var(--color-accent-hover)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.section-title{margin-top:40px;color:var(--color-accent)}footer{background-color:#0a0f1c;text-align:center;padding:40px 20px;color:#6b7280;font-size:14px;border-top:1px solid var(--color-border)}.fixed-header{position:fixed;top:0;left:0;right:0;background:#0a0f1cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;transform:translateY(-100%);transition:transform .3s ease-in-out;box-shadow:0 2px 20px #0000004d}.fixed-header.visible{transform:translateY(0)}.fixed-header-content{display:flex;align-items:center;padding:12px 20px;max-width:960px;margin:0 auto}.fixed-header-avatar{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-accent);margin-right:15px}.fixed-header-title{color:var(--color-text);font-size:24px;margin:0;font-weight:600}