:root{--grad-1: #2e3138;--grad-2: #252932;--grad-3: #171a20;--surface: rgba(255,255,255,.06);--surface-hover: rgba(255,255,255,.1);--text: #f4f4f4;--muted: #b8bcc6;--accent: #6ea8ff;--border: rgba(255,255,255,.12);--max-width: 760px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--grad-1),var(--grad-2),var(--grad-3));background-size:200% 200%;animation:gradientShift 30s ease-in-out infinite;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.8;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,transparent 35%,rgba(0,0,0,.25));pointer-events:none;z-index:0}@keyframes gradientShift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}main{flex:1;width:100%;position:relative;z-index:1}.container{width:min(var(--max-width),calc(100% - 3rem));margin:0 auto;padding:6rem 0 5rem}h1{font-size:clamp(2.7rem,6vw,4.2rem);line-height:1.1;margin:0 0 1.5rem;font-weight:700}h2{font-size:2rem;margin-bottom:2rem}h3{margin-top:3rem;margin-bottom:1rem}h4{margin-bottom:.25rem}p{font-size:1.1rem}.muted{color:var(--muted)}.hero{display:flex;flex-direction:column}.lead{font-size:1.35rem;color:var(--muted);margin-bottom:2rem}.hero p{margin-bottom:1.75rem}.resume{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--border)}.resume section{margin-top:4rem}.resume ul{padding-left:1.25rem}.resume li{margin-bottom:.5rem}.resume-header{margin-bottom:3rem}.experience{margin-top:2rem;padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;transition:background .25s ease,transform .25s ease}.experience:hover{background:var(--surface-hover);transform:translateY(-2px)}.experience h4{font-size:1.2rem}.experience ul{margin-top:1rem}.resume-download{display:inline-block;margin-top:2rem;padding:.75rem 1.25rem;border-radius:10px;background:var(--accent);color:#111;font-weight:600;transition:transform .2s ease,opacity .2s ease}.resume-download:hover{opacity:.85;transform:translateY(-2px)}.links{display:flex;flex-wrap:wrap;gap:2rem;margin-top:1rem}a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.75}.hamburger{position:fixed;top:24px;right:24px;width:30px;height:24px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1000}.hamburger span{height:3px;width:100%;background:var(--text);border-radius:5px;transition:.3s}.hamburger.active span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.hamburger-menu{position:fixed;top:70px;right:24px;width:220px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#1e222ad9;backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px #00000059;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;z-index:999}.hamburger-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.hamburger-menu a{color:var(--text);font-weight:500}footer{width:min(var(--max-width),calc(100% - 3rem));margin:0 auto 1.5rem;padding:1rem 2rem;background:var(--surface);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;color:var(--muted);text-align:center;position:relative;z-index:1}@media(max-width:768px){.container{width:calc(100% - 2rem);padding:4rem 0}h1{font-size:2.5rem}.lead{font-size:1.2rem}.links{flex-direction:column;gap:1rem}.experience{padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.contact-page{display:flex;flex-direction:column;gap:2rem}.contact-card{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;backdrop-filter:blur(10px);transition:transform .2s ease,background .2s ease}.contact-card:hover{background:var(--surface-hover);transform:translateY(-2px)}.contact-card h2{margin-top:0;margin-bottom:.75rem}.contact-card p{margin:0}.about-site{margin-top:1rem}