@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e9e8e4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#101110;--surface:#171918;--surface-raised:#1d201e;--text:#e9e8e4;--muted:#a09f98;--line:#e9e8e41c;--accent:#c4f06b;--accent-dark:#a6d64d;--mono:"DM Mono", monospace;--display:"Manrope", sans-serif;background:#101110;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}body:before{content:"";pointer-events:none;z-index:-1;opacity:.15;background-image:radial-gradient(#a7aa9f .55px,#0000 .55px);background-size:7px 7px;position:fixed;inset:0}a{color:inherit;text-decoration:none}::selection{color:#11150d;background:var(--accent)}.navbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#101110d6;justify-content:space-between;align-items:center;height:76px;padding:0 max(6vw,50vw - 590px);display:flex;position:sticky;top:0}.logo{font:800 17px var(--display);letter-spacing:-.07em;color:var(--text);align-items:center;gap:10px;display:inline-flex}.logo:before{content:"Z";background:var(--accent);color:#11140c;width:34px;height:34px;font:800 17px var(--display);letter-spacing:-.08em;border-radius:11px;place-items:center;transition:transform .25s,border-radius .25s;display:grid;box-shadow:0 0 24px #c4f06b29}.logo-mark{color:var(--accent)}.logo:hover:before{border-radius:50%;transform:rotate(-8deg)scale(1.06)}.nav-links{align-items:center;gap:clamp(18px,3vw,38px);display:flex}.nav-links a{color:var(--muted);font-size:13px;transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-links a:last-child{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 17px}.nav-links a:last-child:hover{border-color:var(--accent);color:var(--accent)}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:min(760px,100vh - 76px);padding:110px max(8vw,50vw - 550px) 125px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#c4f06b1f,#c4f06b09 38%,#0000 70%);border-radius:50%;width:520px;height:520px;animation:8s ease-in-out infinite alternate breathe;position:absolute;top:2%;right:-95px}.hero-content{z-index:1;max-width:830px;animation:.8s both rise;position:relative}.hero-greeting,.eyebrow{color:var(--accent);font:500 11px var(--mono);letter-spacing:.17em;text-transform:uppercase;margin:0 0 21px}.hero-title{max-width:900px;font:700 clamp(48px, 8vw, 96px)/.99 var(--display);letter-spacing:-.075em;margin:0}.hero-role{color:#c1c2bb;font:500 clamp(17px, 2.2vw, 23px)/1.4 var(--display);letter-spacing:-.035em;margin:26px 0 0}.hero-description{max-width:620px;color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.85}.hero-buttons{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.btn,button{border:1px solid var(--accent);background:var(--accent);color:#13160e;min-height:48px;font:700 13px var(--display);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0 21px;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.btn:hover,button:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 8px 25px #c4f06b21}.btn-outline{color:var(--text);border-color:var(--line);background:0 0}.btn-outline:hover{color:var(--accent);border-color:var(--accent);background:0 0}section:not(.hero){border-bottom:1px solid var(--line);padding:100px max(7vw,50vw - 540px)}section:not(.hero)>h2{font:700 clamp(31px, 4.5vw, 48px)/1.1 var(--display);letter-spacing:-.06em;margin:0 0 19px}section:not(.hero)>p{max-width:680px;color:var(--muted);line-height:1.85}.about{background:linear-gradient(110deg,#ffffff05,#0000 65%)}.about>p{font-size:16px;max-width:790px!important}.skills-container{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px;display:grid}.skill-category,.project-card,.experience-item,.education-item{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:8px}.skill-category{padding:23px;transition:border-color .25s,transform .25s}.skill-category:hover,.project-card:hover{border-color:#c4f06b73;transform:translateY(-5px)}.skill-category h3,.project-card h3,.experience-item h3,.education-item h3{font:600 16px var(--display);margin:0 0 17px}.skill-category ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skill-category li{color:#c2c3bc;font:11px var(--mono);background:#ffffff0e;border-radius:4px;padding:7px 10px}.projects-container{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:34px;display:grid}.project-card{padding:28px;transition:border-color .25s,transform .25s}.project-card h3{font-size:20px}.project-card p{color:var(--muted);font-size:14px;line-height:1.75}.project-card p strong{color:var(--text);font-weight:600}.project-card a{color:var(--accent);margin-top:6px;font-size:13px;display:inline-block}.project-card a:after{content:" ↗"}.more-projects{margin-top:25px}.experience-item,.education-item{margin-top:14px;padding:25px 28px;position:relative}.experience-item:before{content:"";background:var(--accent);width:2px;position:absolute;top:20px;bottom:20px;left:-1px}.experience-item h3,.education-item h3{margin-bottom:5px}.experience-item h4,.education-item h4{color:var(--accent);font:500 12px var(--mono);margin:0 0 13px}.experience-item p,.education-item p{max-width:760px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.8}.contact{background:radial-gradient(at 80% 60%,#c4f06b0e,#0000 40%)}.contact-form{gap:17px;max-width:650px;margin-top:32px;display:grid}.form-group{gap:8px;display:grid}.form-group label{color:#c1c2bb;font:11px var(--mono)}.form-group input,.form-group textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:5px;outline:none;padding:14px 15px;font:14px DM Sans,sans-serif;transition:border .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical}.contact-form button{justify-self:start}.contact-links,.footer-links{flex-wrap:wrap;gap:22px;margin-top:32px;display:flex}.contact-links a,.footer-links a{color:var(--muted);font-size:13px;transition:color .2s}.contact-links a:hover,.footer-links a:hover{color:var(--accent)}.contact-links i{color:var(--accent);margin-right:7px}.footer{justify-content:space-between;align-items:center;gap:20px;padding:24px max(7vw,50vw - 540px);display:flex}.footer p{color:#777971;margin:0;font-size:12px}.footer-links{gap:17px;margin:0}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%{opacity:.7;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=720px){.navbar{height:68px;padding:0 22px}.nav-links{gap:15px}.nav-links a{font-size:12px}.nav-links a:last-child{padding:8px 12px}.hero{min-height:650px;padding:85px 25px 100px}.hero:after{width:350px;height:350px;top:10%;right:-190px}section:not(.hero){padding:74px 24px}.skills-container{grid-template-columns:repeat(2,1fr)}.projects-container{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start;padding:22px 24px}}@media (width<=440px){.nav-links{gap:11px}.nav-links a{font-size:11px}.nav-links a:last-child{padding:7px 9px}.logo{font-size:15px}.logo:before{width:30px;height:30px}.skills-container{grid-template-columns:1fr}.hero-description{font-size:14px}}