*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:#fff;color:#0a0a0a;font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}::selection{background:#0a0a0a;color:#fff}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}@media(max-width:640px){.container{padding:0 16px}}.section-padding{padding:100px 24px;max-width:1100px;margin:0 auto;border-top:1px solid #f0f0f0}@media(max-width:768px){.section-padding{padding:60px 16px}}.responsive-grid{display:grid;gap:24px}.grid-1-2-3{grid-template-columns:1fr}@media(min-width:640px){.grid-1-2-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-1-2-3{grid-template-columns:repeat(3,1fr)}}.font-display{font-family:DM Sans,sans-serif}.font-mono{font-family:DM Mono,monospace}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#0a0a0a;color:#fff;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;border:1.5px solid #0a0a0a;transition:all .2s ease;cursor:pointer}.btn-primary:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 8px 24px #00000026}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#0a0a0a;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;border:1.5px solid #e5e7eb;transition:all .2s ease;cursor:pointer}.btn-secondary:hover{border-color:#0a0a0a;transform:translateY(-1px)}.nav-link{font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;transition:color .2s ease}.nav-link:hover,.nav-link.active{color:#0a0a0a}#hero{max-width:1100px;margin:0 auto;padding:120px 24px 60px}.hero-inner{width:100%}.hero-grid{display:grid;grid-template-columns:1fr 420px;align-items:start;gap:60px}.hero-text-col{display:flex;flex-direction:column;justify-content:flex-start;padding-top:40px}.hero-title{font-family:DM Sans,sans-serif;font-weight:900;font-size:clamp(2.8rem,5.5vw,5.5rem);line-height:.93;letter-spacing:-.04em;color:#0a0a0a;margin-bottom:28px}.hero-title-gray{color:#6b7280}.hero-subtitle{display:block;font-size:40%;font-weight:700;color:#9ca3af;letter-spacing:-.01em;margin-top:8px}.hero-typed{display:flex;align-items:center;gap:14px;margin-bottom:36px}.hero-typed-line{width:28px;height:1.5px;background:#e5e7eb;flex-shrink:0}.hero-typed-text{font-family:DM Mono,monospace;font-size:.82rem;color:#6b7280;min-width:180px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:0;margin-top:60px;padding-top:32px;border-top:1px solid #f0f0f0}.hero-stats .stat-item{padding:0 28px;border-right:1px solid #f0f0f0}.hero-stats .stat-item:first-child{padding-left:0}.hero-stats .stat-item:last-child{padding-right:0;border-right:none}.hero-image-col{position:relative}.hero-image-box{position:relative;width:100%;aspect-ratio:9 / 11;border-radius:32px;overflow:hidden;background:#fff}.hero-img{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:110%;height:auto;min-height:100%;object-fit:cover;display:block}.hero-image-fade{position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,#ffffff 15%,transparent 100%);pointer-events:none;z-index:2}.hero-nametag{position:absolute;bottom:28px;left:28px;z-index:10}.hero-nametag-name{font-family:DM Sans,sans-serif;font-weight:800;font-size:.95rem;color:#0a0a0a;letter-spacing:-.02em}.hero-nametag-role{font-family:DM Mono,monospace;font-size:.65rem;color:#9ca3af;margin-top:2px;display:flex;align-items:center;gap:4px}.hero-float-icon{position:absolute;bottom:28px;right:28px;width:42px;height:42px;background:#0a0a0a;border-radius:10px;display:flex;align-items:center;justify-content:center;z-index:10}@media(max-width:1024px){#hero{padding:110px 24px 50px}.hero-grid{grid-template-columns:1fr 340px;gap:40px}.hero-text-col{padding-top:20px}.hero-image-box{border-radius:24px}}@media(max-width:768px){#hero{padding:100px 16px 40px;text-align:center}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-text-col{padding-top:0;align-items:center}.hero-typed,.hero-buttons{justify-content:center}.hero-image-col{max-width:360px;margin:0 auto}.hero-image-box{border-radius:20px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;border-top:1px solid #f0f0f0;margin-top:40px;padding-top:32px}.hero-stats .stat-item{padding:0!important;border:none!important;text-align:center}}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin-bottom:20px}.section-label:before{content:"";display:block;width:20px;height:1.5px;background:#9ca3af}.skill-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:6px;font-size:.82rem;font-weight:500;color:#374151;transition:all .2s ease;cursor:default}.skill-chip:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;transform:translateY(-1px)}.skill-chip:hover img{filter:brightness(0) invert(1)}.project-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:all .3s ease;cursor:pointer}.project-card:hover{border-color:#0a0a0a;box-shadow:0 20px 60px #00000014;transform:translateY(-4px)}.project-img{overflow:hidden}.project-img img{width:100%;height:220px;object-fit:cover;transition:transform .5s ease;display:block}.project-card:hover .project-img img{transform:scale(1.04)}.tag{display:inline-flex;padding:4px 10px;background:#f5f5f5;border-radius:4px;font-size:.72rem;font-weight:600;color:#6b7280;transition:all .2s ease}.tag:hover{background:#0a0a0a;color:#fff}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;text-decoration:none;font-size:.82rem;font-weight:500;transition:all .2s ease}.social-btn:hover{border-color:#0a0a0a;color:#0a0a0a;transform:translateY(-1px)}.stat-num{font-size:1.8rem;font-weight:800;color:#0a0a0a;letter-spacing:-.04em;font-family:DM Sans,sans-serif;line-height:1}.stat-label{font-size:.75rem;color:#9ca3af;font-weight:500;letter-spacing:.02em;margin-top:4px}.highlight-card{padding:20px;border:1px solid #f0f0f0;border-radius:10px;background:#fafafa;transition:all .2s ease}.highlight-card:hover{border-color:#0a0a0a;background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.timeline-line{position:absolute;left:5px;top:20px;bottom:0;width:1px;background:linear-gradient(to bottom,#e5e7eb,transparent)}.timeline-dot{width:11px;height:11px;border-radius:50%;background:#0a0a0a;border:2px solid #fff;box-shadow:0 0 0 2px #e5e7eb;flex-shrink:0;margin-top:3px}.contact-card{border:1px solid #e5e7eb;border-radius:16px;padding:48px;background:#fafafa;transition:all .3s ease}.contact-card:hover{border-color:#d1d5db;box-shadow:0 20px 60px #0000000f}@media(max-width:640px){.contact-card{padding:28px}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.mobile-menu{position:fixed;top:0;right:0;width:260px;height:100vh;background:#fff;border-left:1px solid #f0f0f0;z-index:100;padding:80px 32px 40px;display:flex;flex-direction:column;gap:28px;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:-20px 0 60px #00000014}.mobile-menu.open{transform:translate(0)}.footer-link{color:#9ca3af;text-decoration:none;font-size:.82rem;font-weight:500;transition:color .2s ease}.footer-link:hover{color:#0a0a0a}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.cursor{display:inline-block;width:2px;height:.85em;background:#0a0a0a;margin-left:1px;vertical-align:baseline;animation:blink 1s step-end infinite}.hover-line{position:relative;display:inline-block}.hover-line:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#0a0a0a;transition:width .3s ease}.hover-line:hover:after{width:100%}.accent{color:#0a0a0a}.hidden{display:none!important}@media(min-width:640px){.sm\:block{display:block!important}.sm\:flex{display:flex!important}}@media(min-width:768px){.md\:block{display:block!important}.md\:flex{display:flex!important}.md\:hidden{display:none!important}}@media(min-width:1024px){.lg\:inline-flex{display:inline-flex!important}}.mobile-only{display:block}.desktop-only{display:none}@media(min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@media(max-width:768px){.hide-mobile{display:none!important}}