:root{--bg-base:#0a0a0a;--bg-surface:#111;--bg-card:#161616;--bg-card-hover:#1c1c1c;--accent:#ff6b00;--accent-light:#ff8c33;--accent-dim:#ff6b001f;--accent-border:#ff6b0040;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#777;--border:#ffffff12;--shadow-glow:0 0 30px #ff6b0026;--radius:12px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-head:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--nav-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.accent{color:var(--accent)}.section{padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-tag{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.section-title{font-family:var(--font-head);margin-bottom:16px;font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.2}.section-sub{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem}.btn{font-family:var(--font-head);transition:var(--transition);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;border:2px solid var(--accent)}.btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b0059}.btn-outline{color:var(--text-primary);background:0 0;border:2px solid #fff3}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-full{justify-content:center;width:100%}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}.reveal:nth-child(5){transition-delay:.4s}.navbar{height:var(--nav-h);z-index:1000;transition:var(--transition);position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0aeb;box-shadow:0 4px 30px #0006}.nav-container{justify-content:space-between;align-items:center;gap:32px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.nav-logo{font-family:var(--font-head);color:var(--text-primary);white-space:nowrap;font-size:1.4rem;font-weight:700}.logo-bracket{color:var(--accent)}.nav-links{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.nav-link{font-family:var(--font-head);color:var(--text-muted);transition:var(--transition);border-radius:6px;padding:8px 14px;font-size:1rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active{color:var(--accent)}.nav-link:after{content:"";background:var(--accent);width:0;height:2px;transition:var(--transition);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.nav-link.active:after,.nav-link:hover:after{width:60%}.nav-cta{padding:10px 22px;font-size:.88rem}.hamburger{flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-primary);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero-section{min-height:100vh;padding-top:var(--nav-h);align-items:center;display:flex;overflow:hidden}.hero-bg-shape{pointer-events:none;opacity:.6;position:absolute}.shape-top-right{clip-path:polygon(30% 0%,100% 0%,100% 70%,60% 100%);background:linear-gradient(135deg,#ff6b0014 0%,#0000 60%);width:500px;height:500px;top:-60px;right:-80px}.shape-bottom-left{clip-path:polygon(0% 30%,40% 0%,100% 60%,0% 100%);background:linear-gradient(315deg,#ff6b000f 0%,#0000 60%);width:400px;height:400px;bottom:-60px;left:-80px}.hero-container{grid-template-columns:1fr 420px;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:grid}.hero-greeting{color:var(--text-muted);margin-bottom:4px;font-size:1.1rem;font-weight:400}.hero-name{font-family:var(--font-head);margin-bottom:10px;font-size:clamp(2rem,4vw,2.6rem);font-weight:700;line-height:1.1}.hero-title{font-family:var(--font-head);color:var(--accent);min-height:1.3em;margin-bottom:28px;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;line-height:1.2}.typed-text{display:inline}.cursor{color:var(--accent);animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-socials{gap:12px;margin-bottom:32px;display:flex}.social-icon{border:1px solid var(--border);width:42px;height:42px;color:var(--text-muted);transition:var(--transition);background:var(--bg-surface);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.social-icon:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);transform:translateY(-3px);box-shadow:0 6px 20px #ff6b0033}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-stats{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:0;width:fit-content;padding:20px 28px;display:flex}.stat-card{text-align:center;padding:0 24px}.stat-card:first-child{padding-left:0}.stat-card:last-child{padding-right:0}.stat-number{font-family:var(--font-head);color:var(--accent);font-size:2rem;font-weight:700;line-height:1}.stat-plus{font-family:var(--font-head);color:var(--accent);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-muted);white-space:nowrap;margin-top:4px;font-size:.78rem}.stat-divider{background:var(--border);width:1px;height:40px}.hero-image-wrap{justify-content:center;align-items:center;display:flex;position:relative}.hero-image-ring{background:radial-gradient(circle at 30% 30%,#ff6b0026,#ff6b0008 60%,#0000 80%);border:1.5px solid #ff6b0033;border-radius:50%;width:380px;height:380px;position:absolute}.hero-image-container{z-index:1;border:3px solid #ff6b0059;border-radius:50%;width:340px;height:340px;position:relative;overflow:hidden;box-shadow:0 0 50px #ff6b0026,inset 0 0 30px #00000080}.hero-image{object-fit:cover;object-position:top;filter:grayscale(20%);width:100%;height:100%}.skills-section{background:var(--bg-surface)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:28px}.skill-category:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.skill-cat-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.skill-cat-icon{background:var(--accent-dim);border:1px solid var(--accent-border);width:42px;height:42px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.skill-cat-title{font-family:var(--font-head);font-size:1rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.skill-tag{color:var(--text-secondary);border:1px solid var(--border);transition:var(--transition);white-space:nowrap;background:#ffffff0a;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.skill-category:hover .skill-tag{border-color:#ff6b0033}.skill-tag:hover{background:var(--accent-dim);border-color:var(--accent-border);color:var(--accent);transform:translateY(-1px)}.about-grid{grid-template-columns:380px 1fr;align-items:start;gap:80px;display:grid}.about-image-wrap{border-radius:var(--radius-lg);position:relative;overflow:hidden}.about-image{border-radius:var(--radius-lg);filter:grayscale(20%);width:100%}.about-image-accent{border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);border-radius:0 0 var(--radius-lg) 0;pointer-events:none;width:60%;height:60%;position:absolute;bottom:-8px;right:-8px}.about-tags{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.about-tag{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;display:flex}.status-dot{color:#4ade80;font-size:.5rem}.about-bio{color:var(--text-secondary);margin-bottom:16px;font-size:.98rem;line-height:1.8}.about-bio strong{color:var(--accent);font-weight:600}.section-title{text-align:left}.about-content-col .section-tag{text-align:left;display:inline-block}.timeline{margin-top:32px}.timeline-item{gap:20px;padding-bottom:28px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--border);width:2px;height:calc(100% - 44px);position:absolute;top:44px;left:19px}.timeline-dot{background:var(--accent-dim);border:2px solid var(--accent-border);width:40px;min-width:40px;height:40px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;font-size:.9rem;display:flex}.timeline-year{color:var(--accent);letter-spacing:.08em;margin-bottom:2px;font-size:.78rem;font-weight:600}.timeline-role{font-family:var(--font-head);margin-bottom:2px;font-size:1rem;font-weight:600}.timeline-company{color:var(--text-muted);font-size:.85rem}.portfolio-section{background:var(--bg-base)}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.filter-btn{font-family:var(--font-head);border:1px solid var(--border);color:var(--text-muted);background:var(--bg-surface);transition:var(--transition);cursor:pointer;border-radius:100px;padding:8px 20px;font-size:.85rem;font-weight:500}.filter-btn:hover,.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:28px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.project-card.hidden{display:none}.project-header{justify-content:space-between;align-items:flex-start;padding:28px 28px 0;display:flex}.project-icon{background:var(--accent-dim);border:1px solid var(--accent-border);width:50px;height:50px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.project-links{gap:8px;display:flex}.project-link{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);transition:var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.project-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.project-body{padding:20px 28px 28px}.project-name{font-family:var(--font-head);margin-bottom:10px;font-size:1.15rem;font-weight:600}.project-desc{color:var(--text-muted);margin-bottom:20px;font-size:.88rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-border);border-radius:100px;padding:4px 12px;font-size:.75rem;font-weight:500}.contact-section{background:var(--bg-surface)}.contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:60px;display:grid}.contact-info{flex-direction:column;gap:20px;display:flex}.contact-info-title{font-family:var(--font-head);margin-bottom:8px;font-size:1.5rem;font-weight:700}.contact-info-desc{color:var(--text-muted);margin-bottom:8px;font-size:.92rem;line-height:1.8}.contact-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:16px;padding:16px 20px;display:flex}.contact-item:hover{border-color:var(--accent-border)}.contact-item-icon{background:var(--accent-dim);border:1px solid var(--accent-border);width:44px;height:44px;color:var(--accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.contact-item-text{color:var(--text-secondary);font-size:.9rem}.contact-item-label{color:var(--text-muted);margin-bottom:2px;font-size:.75rem}.contact-socials{gap:12px;margin-top:8px;display:flex}.contact-social-link{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);transition:var(--transition);background:var(--bg-card);border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.contact-social-link:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim);transform:translateY(-3px)}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-group input,.form-group textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);resize:vertical;border-radius:10px;outline:none;padding:14px 18px;font-size:.92rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 0 0 3px #ff6b001a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-status{text-align:center;padding:10px 0;font-size:.88rem}.form-status.success{color:#4ade80}.form-status.error{color:#f87171}.footer{background:var(--bg-base);border-top:1px solid var(--border);padding:28px 0}.footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-socials{gap:16px;display:flex}.footer-socials a{color:var(--text-muted);transition:var(--transition);font-size:1rem}.footer-socials a:hover{color:var(--accent)}@media (width<=1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-image-wrap{display:none}.hero-socials,.hero-actions{justify-content:center}.hero-stats{margin:0 auto}.about-grid{grid-template-columns:1fr}.about-image-col{max-width:380px;margin:0 auto}.about-content-col .section-title{text-align:center}.about-content-col .section-tag{text-align:center;display:block}.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-links{top:var(--nav-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0a0af7;flex-direction:column;gap:4px;padding:24px;display:none;position:fixed;left:0;right:0}.nav-links.open{display:flex}.nav-link{text-align:center;padding:12px 16px;font-size:1rem}.nav-cta{display:none}.hamburger{display:flex}.section{padding:72px 0}.skills-grid,.portfolio-grid{grid-template-columns:1fr}.hero-stats{padding:16px 20px}.stat-card{padding:0 14px}.footer .container{text-align:center;flex-direction:column}}@media (width<=480px){.hero-actions{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:16px}.stat-divider{width:60px;height:1px}}