:root{--bg:#1c1c1c;--fg:#b1b1b1;--muted:#8e8e8e;--accent:#fff;--max-width:1120px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:56px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.site-header{justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);max-width:var(--max-width);margin:0 auto;flex-wrap:wrap;gap:var(--spacing-lg)}.brand,.site-header{display:flex;align-items:center}.brand{text-decoration:none}.brand .logo{height:32px;width:auto;display:block}.nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav a{color:var(--muted);text-decoration:none;font-weight:500;transition:color .15s ease}.nav a:hover{color:var(--fg)}.social{display:flex;gap:var(--spacing-md)}.social,.social a{align-items:center}.social a{color:var(--muted);display:inline-flex;justify-content:center;text-decoration:none}.social a svg{display:block;color:var(--muted);transition:color .15s ease,transform .15s ease}.social a:hover svg{color:var(--accent);transform:translateY(-2px)}.container{max-width:var(--max-width);margin:var(--spacing-2xl) auto;padding:0 var(--spacing-xl)}.hero{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:flex-start;margin-top:var(--spacing-2xl)}.hero-title{font-size:clamp(28px,8vw,48px);margin:0;color:var(--accent);letter-spacing:-1px;line-height:1.2}.hero-sub{margin:0;color:var(--muted);font-size:clamp(16px,4vw,18px);line-height:1.5}.hero-ctas{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-wrap:wrap}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;text-decoration:none;font-weight:600;transition:all .15s ease;cursor:pointer}.btn.primary{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn.primary:hover{background:var(--accent);color:var(--bg)}.btn.outline{background:transparent;border:1px solid var(--muted);color:var(--muted)}.btn.outline:hover{border-color:var(--fg);color:var(--fg)}.meta{margin-top:var(--spacing-xl);color:var(--muted);display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;font-size:14px}@media (max-width:640px){.hero-title{font-size:34px}.site-header{padding:16px}.container{margin:40px auto;padding:0 20px}}.about{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:linear-gradient(180deg,hsla(0,0%,100%,.01),transparent);border-radius:12px}.section-title{font-size:clamp(20px,5vw,22px);margin:0 0 var(--spacing-md);color:var(--accent);font-weight:700}.lead{color:var(--fg);margin:0 0 var(--spacing-lg);line-height:1.7;font-size:clamp(15px,2vw,16px)}.skills{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.skills span{background:transparent;border:1px solid var(--muted);padding:var(--spacing-sm);border-radius:8px;color:var(--muted);font-size:clamp(12px,1.5vw,13px);transition:all .15s ease;cursor:default}.skills span:hover{border-color:var(--accent);color:var(--accent)}.projects{margin-top:var(--spacing-2xl)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.project-card{padding:var(--spacing-lg);border-radius:10px;border:1px solid hsla(0,0%,100%,.04);background:transparent;transition:transform .16s ease,box-shadow .16s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.6)}.project-title{margin:0;font-size:clamp(16px,3vw,18px);color:var(--accent);font-weight:600}.project-desc{color:var(--muted);margin:var(--spacing-md) 0 var(--spacing-lg);font-size:clamp(13px,1.5vw,14px);line-height:1.6}.project-meta{justify-content:space-between;align-items:center;gap:var(--spacing-md)}.project-meta,.tags{display:flex;flex-wrap:wrap}.tags{gap:var(--spacing-sm)}.tag{font-size:clamp(10px,1vw,12px);color:var(--muted);border:1px solid hsla(0,0%,100%,.03);padding:var(--spacing-sm);border-radius:6px;transition:all .15s ease}.tag:hover{border-color:var(--accent);color:var(--accent)}.project-link{color:var(--fg);text-decoration:none;font-weight:600;white-space:nowrap;transition:color .15s ease}.project-link:hover{color:var(--accent)}.site-footer{border-top:1px solid hsla(0,0%,100%,.03);margin-top:var(--spacing-3xl);padding:var(--spacing-xl)}.footer-inner{max-width:var(--max-width);margin:0 auto;justify-content:space-between;gap:var(--spacing-xl)}.footer-inner,.footer-left{display:flex;align-items:center}.footer-left{gap:var(--spacing-lg)}.footer-left .brand .logo{height:28px;width:auto}.footer-left .brand{text-decoration:none}.copyright{color:var(--muted);font-size:clamp(12px,1.5vw,13px);white-space:nowrap}.footer-social{display:flex;gap:var(--spacing-lg)}.footer-social a{color:var(--muted);text-decoration:none;font-weight:600;transition:color .15s ease;font-size:clamp(13px,2vw,15px)}.footer-social a:hover{color:var(--accent)}body:before{content:"";position:fixed;right:-200px;top:50%;width:600px;height:600px;border-radius:50%;background:linear-gradient(135deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0));transform:translateY(-50%);pointer-events:none;z-index:-1}@media (max-width:1200px){:root{--spacing-xl:28px;--spacing-lg:22px}.container{margin:var(--spacing-2xl) auto}}@media (max-width:900px){:root{--spacing-xl:24px;--spacing-lg:20px}.projects-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{gap:var(--spacing-lg)}}@media (max-width:768px){:root{--spacing-xl:20px;--spacing-lg:16px;--spacing-md:12px}.site-header{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.brand .logo{height:28px}.nav{gap:var(--spacing-md)}.nav a{font-size:14px}.social{gap:var(--spacing-sm)}.container{margin:var(--spacing-xl) auto;padding:0 var(--spacing-lg)}.hero-ctas{gap:var(--spacing-sm)}.btn{padding:10px 14px;font-size:14px}.about{padding:var(--spacing-lg)}.projects-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-inner{flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-left{width:100%;align-items:center}.footer-right{display:flex}.footer-right,.footer-social{width:100%;justify-content:center}}@media (max-width:640px){:root{--spacing-xl:16px;--spacing-lg:12px;--spacing-md:8px;--spacing-sm:6px}.site-header{padding:var(--spacing-md);justify-content:space-between}.brand .logo{height:24px}.nav{display:none}.social{gap:var(--spacing-sm)}.social a svg{width:16px;height:16px}.container{margin:var(--spacing-lg) auto;padding:0 var(--spacing-md)}.hero{gap:var(--spacing-md);margin-top:var(--spacing-2xl)}.hero-title{font-size:26px}.hero-sub{font-size:13px}.hero-ctas{flex-direction:column;width:100%;gap:var(--spacing-sm)}.btn{width:100%;text-align:center;padding:12px}.meta{gap:var(--spacing-sm);font-size:12px}.meta span:nth-child(2){display:none}.about{padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.section-title{font-size:18px}.lead,.section-title{margin-bottom:var(--spacing-md)}.lead{font-size:13px}.skills{gap:var(--spacing-sm)}.skills span{font-size:11px;padding:4px 8px}.projects{margin-top:var(--spacing-xl)}.project-card{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 16px}.project-title{font-size:16px}.project-desc{margin:var(--spacing-sm) 0 var(--spacing-md);font-size:12px}.project-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.project-link{white-space:normal;font-size:13px}.tags{gap:4px}.tag{font-size:10px;padding:3px 6px}.site-footer{margin-top:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-md)}.footer-inner{padding:0;gap:var(--spacing-md)}.footer-inner,.footer-left{flex-direction:column;align-items:center}.footer-left{gap:var(--spacing-sm);width:100%}.footer-left .logo{height:22px}.copyright{font-size:10px}.footer-right{display:flex}.footer-right,.footer-social{width:100%;justify-content:center}.footer-social{gap:10px}.footer-social a{font-size:12px}}@media (max-width:420px){:root{--spacing-lg:10px;--spacing-md:6px}.site-header{padding:var(--spacing-md)}.brand .logo{height:22px}.hero{margin-top:var(--spacing-2xl)}.hero-title{font-size:22px;letter-spacing:0}.btn,.hero-sub{font-size:12px}.btn{padding:10px}.section-title{font-size:16px}.lead{font-size:12px}.skills span{font-size:10px;padding:3px 6px}.project-card{padding:12px 10px 12px 14px}.project-title{font-size:14px}.project-desc,.project-link{font-size:11px}.tag{font-size:9px;padding:2px 5px}.footer-right{display:flex}.footer-right,.footer-social{width:100%;justify-content:center}.footer-social a{font-size:11px}}@media (max-width:375px){:root{--spacing-xl:12px;--spacing-lg:8px;--spacing-md:4px;--spacing-sm:2px}.site-header{padding:8px;gap:var(--spacing-sm)}.brand .logo{height:20px}.social{gap:var(--spacing-sm)}.social a svg{width:14px;height:14px}.container{margin:var(--spacing-lg) auto;padding:0 8px}.hero{gap:8px;margin-top:20px}.hero-title{font-size:20px;line-height:1.1}.hero-sub{font-size:11px}.hero-ctas{flex-direction:column;gap:6px}.btn{width:100%;padding:10px 8px}.btn,.meta{font-size:11px}.meta{gap:6px}.about{padding:12px;margin-top:var(--spacing-lg)}.section-title{font-size:16px;margin-bottom:8px}.lead{font-size:11px;margin-bottom:8px;line-height:1.5}.skills{gap:6px}.skills span{font-size:9px;padding:3px 6px}.projects{margin-top:var(--spacing-lg)}.project-card{padding:10px 10px 10px 14px;border-radius:8px}.project-title{font-size:13px;margin-bottom:4px}.project-desc{margin:6px 0 8px;font-size:10px;line-height:1.4}.project-meta{gap:6px}.tags{gap:3px}.tag{font-size:8px;padding:2px 4px;border-radius:4px}.project-link{font-size:10px}.site-footer{margin-top:var(--spacing-lg);padding:12px 8px}.footer-inner{padding:0;gap:8px;flex-direction:column;align-items:center}.footer-left{gap:8px;align-items:center;width:100%}.footer-left .logo{height:18px}.copyright{font-size:9px}.footer-right{display:flex}.footer-right,.footer-social{width:100%;justify-content:center}.footer-social{gap:8px}.footer-social a{font-size:11px}}