:root{--bg:#f8f8f6;--bg-card:#fff;--bg-alt:#f0efeb;--text:#1a1a18;--text-muted:#6b6b65;--border:#00000017;--accent:#2d6a4f;--accent-light:#e8f5ee;--accent2:#1d3557;--tag-bg:#eef2f7;--tag-text:#1d3557;--nav-bg:#f8f8f6e0;--shadow:0 2px 16px #0000000f;--radius:14px;--grid-line:#0000000f}[data-theme=dark]{--bg:#111210;--bg-card:#1c1d1b;--bg-alt:#181917;--text:#edecea;--text-muted:#8e8e85;--border:#ffffff14;--accent:#52b788;--accent-light:#1a3327;--accent2:#90b4d4;--tag-bg:#1e2733;--tag-text:#90b4d4;--nav-bg:#111210e0;--shadow:0 2px 16px #0000004d;--grid-line:#ffffff14}.dark{--grid-line:#ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:16px;line-height:1.7;transition:background .3s,color .3s}nav{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--text);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--accent)}.theme-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}section{max-width:1060px;margin:0 auto;padding:100px 2rem 80px}section:first-of-type{padding-top:130px}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.75rem;font-weight:600}h1,h2,h3{letter-spacing:-.03em;font-family:Syne,sans-serif;font-weight:800}h1{color:var(--text);font-size:clamp(2.8rem,6vw,5rem);line-height:1.05}h2{color:var(--text);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem);line-height:1.1}h3{font-size:1.15rem;font-weight:700}.scroll-progress-track{z-index:999;background:#ffffff0f;width:100%;height:3px;position:fixed;left:0}.scroll-progress-fill{background:linear-gradient(90deg,#16a34a,#4ade80);width:0%;height:100%;transition:width .1s ease-out;box-shadow:0 0 8px #4ade8099}#hero{border-bottom:1px solid var(--border);background-image:repeating-linear-gradient(0deg, transparent, transparent 40px, var(--grid-line) 40px, var(--grid-line) 41px), repeating-linear-gradient(90deg, transparent, transparent 40px, var(--grid-line) 40px, var(--grid-line) 41px);flex-direction:column;justify-content:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-eyebrow{background:var(--accent-light);color:var(--accent);border-radius:50px;align-items:center;gap:8px;width:fit-content;margin-bottom:1.5rem;padding:5px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{margin-bottom:1.25rem}.hero-title .highlight{color:var(--accent);background:linear-gradient(90deg, var(--accent) 0%, var(--accent) 20%, #fff 38%, #fff 42%, var(--accent) 60%, var(--accent) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite shine;display:inline-block;position:relative}@keyframes shine{0%{background-position:200%}to{background-position:-200%}}.hero-sub{color:var(--text-muted);max-width:560px;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.hero-cta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 26px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-outline{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.hero-stats{border-top:1px solid var(--border);gap:2.5rem;margin-top:3.5rem;padding-top:2.5rem;display:flex}.stat-num{color:var(--text);font-family:Syne,sans-serif;font-size:2rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:4px;font-size:.8rem}.hero-deco{border:1.5px solid var(--border);pointer-events:none;opacity:.5;border-radius:50%;width:420px;height:420px;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.hero-deco:before{content:"";border:1.5px solid var(--border);border-radius:50%;position:absolute;inset:30px}#about{border-bottom:1px solid var(--border)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;margin-top:2.5rem;display:grid}.about-text p{color:var(--text-muted);margin-bottom:1.25rem;line-height:1.85}.about-chips{flex-wrap:wrap;gap:8px;margin-top:1.5rem;display:flex}.chip{background:var(--tag-bg);color:var(--tag-text);letter-spacing:.02em;border-radius:50px;padding:5px 13px;font-size:.78rem;font-weight:600}.about-avatar{border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;min-height:550px;display:flex;position:relative;overflow:hidden}#avatar-container{position:absolute;inset:0}#avatar-container canvas{display:block;width:100%!important;height:100%!important}#skills{border-bottom:1px solid var(--border)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2.5rem;display:grid}.skill-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:3rem 2rem;transition:--mouse-x,--mouse-y,box-shadow .2s,border-color .2s,transform .2s;position:relative;overflow:hidden}.skill-card:before{content:"";left:var(--mouse-x,50%);top:var(--mouse-y,50%);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 40%, transparent) 0%, transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:180px;height:180px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:var(--accent);box-shadow:0 8px 32px -4px color-mix(in srgb, var(--accent) 55%, transparent);transform:translateY(-3px)}.skill-icon{margin-bottom:1rem;font-size:1.8rem;display:block}.skill-card h3{margin-bottom:.5rem;font-size:1rem;font-weight:600}.skill-card p{color:var(--text-muted);font-size:.85rem;line-height:1.6}.skill-bar-wrap{background:var(--bg-alt);border-radius:99px;height:5px;margin-top:1rem}.skill-bar{background:var(--accent);border-radius:99px;height:5px;transition:width 1s}#projects{max-width:1120px;margin:0 auto}.section-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:13px}.section-label:before{content:"// ";color:var(--text-muted)}#projects h2{letter-spacing:-.02em;color:var(--text-primary);margin:0 0 56px;font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.05}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.project-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 40px -20px #0009}.project-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--border);background:radial-gradient(circle at 30% 20%,#7c9cff29,#0000 60%),linear-gradient(135deg,#14171f 0%,#0d0f14 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:opacity .25s,transform .4s;display:block}.project-card:hover .project-thumb img{opacity:1;transform:scale(1.03)}.project-thumb:after{content:"{ }";font-family:var(--font-mono);color:var(--text-muted);opacity:.5;z-index:0;font-size:28px;position:absolute}.project-thumb img{z-index:1;position:relative}.project-num{z-index:2;font-family:var(--font-mono);color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);letter-spacing:.04em;background:#0a0c10b3;border-radius:999px;padding:4px 9px;font-size:12px;position:absolute;top:14px;left:14px}.project-num:before{content:"// ";color:var(--text-muted)}.project-body{flex-direction:column;flex:1;gap:12px;padding:24px 24px 26px;display:flex}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tag{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.02em;background:#ffffff0a;border-radius:6px;padding:4px 9px;font-size:11px}.project-body h3{color:var(--text-primary);margin:4px 0 0;font-size:20px;font-weight:600;line-height:1.3}.project-body p{font-family:var(--font-display);color:var(--text-secondary);flex:1;margin:0;font-size:14.5px;line-height:1.6}.project-links{border-top:1px solid var(--border);gap:18px;margin-top:8px;padding-top:16px;display:flex}.project-link{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:4px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.project-link:hover{color:var(--accent)}.project-link.is-pending{color:var(--text-muted);pointer-events:none}.project-link.is-live{color:var(--accent)}.project-link.is-live:before{content:"";background:#4ade80;border-radius:50%;width:6px;height:6px;margin-right:2px;display:inline-block;box-shadow:0 0 0 3px #4ade8026}@media (width<=640px){body{padding:56px 18px}#projects h2{margin-bottom:36px}.project-body{padding:20px}}@media (prefers-reduced-motion:reduce){.project-card,.project-thumb img{transition:none}}#contact{border-bottom:1px solid var(--border)}.contact-wrap{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;margin-top:2.5rem;display:grid}.contact-info h3{margin-bottom:.75rem;font-size:1.5rem}.contact-info p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.8}.contact-item{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:1rem;font-size:.9rem;display:flex}.contact-icon{background:var(--accent-light);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.form-group{margin-bottom:1.25rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}label{color:var(--text-muted);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}input,textarea,select{background:var(--bg-alt);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:.9rem;transition:border-color .2s}input:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:120px}.form-submit{margin-top:.5rem}.btn-full{border-radius:8px;justify-content:center;width:100%}.socials{gap:.75rem;margin-top:1.5rem;display:flex}.social-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.social-btn:hover{border-color:var(--accent);transform:translateY(-2px)}footer{background:var(--bg-alt);border-top:1px solid var(--border);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem;font-size:.82rem;display:flex}.footer-logo{color:var(--text);font-family:Syne,sans-serif;font-size:1rem;font-weight:800}.footer-logo span{color:var(--accent)}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}#toast{background:var(--accent);color:#fff;opacity:0;pointer-events:none;z-index:999;border-radius:10px;padding:12px 20px;font-size:.875rem;font-weight:500;transition:all .3s;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px)}#toast.show{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-up.visible{opacity:1;transform:translateY(0)}@media (width<=720px){nav{padding:0 1rem}.nav-links{gap:1rem}.nav-links li:not(:last-child){display:none}section{padding:80px 1.25rem 60px}.about-grid,.contact-wrap{grid-template-columns:1fr}.about-avatar{aspect-ratio:1}.hero-stats{gap:1.5rem}.form-row{grid-template-columns:1fr}.hero-deco{display:none}footer{flex-direction:column;align-items:flex-start}}.badge{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.badge img{width:18px;height:18px}.youtube-badge{background:var(--bg-alt);border:1px solid var(--border);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.youtube-badge:hover{color:#fff;background:red;border-color:red}.youtube-icon{filter:brightness(0)invert();width:20px;height:20px}[data-theme=dark] .youtube-icon{filter:none}.lc-card-img{border-radius:12px;max-width:100%;display:none}[data-theme=dark] .lc-card-dark,[data-theme=light] .lc-card-light{display:inline-block}