:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--bg-card:#18181b99;--bg-card-hover:#27272acc;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-highlight:#fff;--accent-primary:#3b82f6;--accent-secondary:#60a5fa;--accent-glow:#3b82f626;--btn-text:#fff;--border-color:#ffffff14;--border-highlight:#ffffff26;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080, 0 0 20px var(--accent-glow);--shadow-lg:0 10px 15px -3px #00000080, 0 0 30px var(--accent-glow);--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--grid-line-color:#ffffff05}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 50% 0%, #3b82f60a 0%, transparent 60%), linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line-color) 1px, transparent 1px);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:100% 100%,40px 40px,40px 40px;background-attachment:fixed;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\" opacity=\"0.04\"/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=768px){body:before{opacity:.02}}@media (prefers-reduced-motion:reduce){body{background-image:none}body:before{display:none}}h1,h2,h3,h4,h5,h6{color:var(--text-highlight);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:var(--text-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-secondary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-accent-gradient{background:linear-gradient(135deg, var(--accent-secondary) 0%, var(--accent-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}main{flex:1}.contact-section{padding:8rem 0;position:relative}.contact-container{justify-content:center;display:flex}.contact-box{background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);text-align:center;width:100%;max-width:800px;box-shadow:var(--shadow-md);padding:5rem 3rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.contact-box:hover{border-color:var(--border-highlight);box-shadow:var(--shadow-lg)}.contact-badge{color:var(--accent-primary);letter-spacing:.1em;text-transform:uppercase;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:9999px;margin-bottom:1.5rem;padding:.4rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;display:inline-block}.contact-title{color:var(--text-highlight);letter-spacing:-.03em;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.contact-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.15rem;line-height:1.7}.contact-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-contact{border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:.75rem;padding:.8rem 1.75rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.footer-section{border-top:1px solid var(--border-color);text-align:center;background:0 0;padding:4rem 2rem}.footer-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.footer-social{gap:1.5rem;display:flex}.footer-link{color:var(--text-secondary);font-size:1rem;font-weight:500;transition:color .2s}.footer-link:hover{color:var(--text-primary)}.footer-copyright{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.9rem}@media (width<=768px){.container{padding:0 1.5rem}.contact-title{font-size:2.25rem}.contact-box{padding:4rem 1.5rem}.contact-actions{flex-direction:column;width:100%}.btn-contact{justify-content:center;width:100%}}.hero-section{perspective:1000px;align-items:center;min-height:95vh;padding:6rem 0;display:flex;position:relative;overflow:hidden}.hero-container{z-index:10;justify-content:space-between;align-items:center;gap:4rem;display:flex;position:relative}.hero-content{flex:1.15;max-width:700px}.hero-badge{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.25rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;display:inline-flex}.badge-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;box-shadow:0 0 10px #34d39980}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hero-title{letter-spacing:-.04em;color:var(--text-highlight);margin-bottom:1.5rem;font-size:2.75rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.25rem;font-weight:400;line-height:1.8}.mono-highlight{color:var(--text-primary);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:.2rem .6rem;font-family:JetBrains Mono,monospace;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;text-align:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent-primary);color:var(--btn-text);border:1px solid var(--accent-secondary);box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--text-highlight);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f633}.hero-visual-3d{border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);background:#18181b4d;border:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;min-height:auto;padding:1.5rem;display:flex;position:relative}.hero-glow-effect{pointer-events:none;z-index:0;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.skills-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:1.25rem;width:100%;display:grid;position:relative}.skill-card-premium{border:1px solid var(--border-color);border-radius:var(--radius-xl);will-change:transform;background:#18181bcc;padding:1.25rem;transition:border-color .3s,background .3s}.skill-card-premium:hover{border-color:var(--border-highlight);background:#27272ae6}.skill-icon{color:var(--accent-primary);background:var(--accent-glow);border-radius:var(--radius-lg);border:1px solid #3b82f633;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.skill-title{color:var(--text-highlight);margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.skill-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}@media (width<=992px){.hero-container{text-align:center;flex-direction:column;padding-top:2rem}.hero-title{font-size:2.25rem}.hero-actions{justify-content:center}.hero-visual-3d{width:100%;margin-top:2rem;padding:1.5rem}.skills-grid{grid-template-columns:1fr}}.skills-section{padding:6rem 0;position:relative}.section-header-left{align-items:center;gap:1rem;margin-bottom:3.5rem;display:flex}.section-number{color:var(--accent-primary);font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:600}.section-title-numbered{color:var(--text-highlight);letter-spacing:-.02em;font-size:2.25rem;font-weight:800}.section-line{background:var(--border-color);flex:1;max-width:300px;height:1px}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:1.5rem;margin-top:2rem;display:grid}.bento-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);flex-direction:column;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-highlight);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.bento-large{grid-area:span 2/span 2}.bento-medium{grid-area:span 1/span 2}.bento-small{grid-area:span 1/span 1}.bento-card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.bento-icon{color:var(--accent-primary);background:var(--accent-glow);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bento-title{color:var(--text-highlight);font-size:1.25rem;font-weight:700}.bento-tags{flex-wrap:wrap;gap:.75rem;margin-top:auto;display:flex}.bento-pill{color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff08;border-radius:999px;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:500;transition:all .2s}.bento-card:hover .bento-pill{border-color:var(--border-highlight);color:var(--text-primary);background:#ffffff0d}.bento-link-card{cursor:pointer;justify-content:center;align-items:center;gap:1rem;text-decoration:none}.bento-link-text{color:var(--text-highlight);font-size:1.15rem;font-weight:600}.github-card{color:#fff;background:linear-gradient(135deg,#27272acc 0%,#18181be6 100%)}.contact-card{color:var(--accent-primary);background:linear-gradient(135deg,#3b82f61a 0%,#2563eb33 100%)}.contact-card .bento-link-text{color:var(--accent-primary)}@media (width<=992px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-small{grid-column:span 1}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}.bento-large,.bento-medium,.bento-small{grid-column:span 1}}.workflow-section{background:var(--bg-primary);padding:6rem 0;position:relative}.section-header-center{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:4rem;display:flex}.workflow-subtitle{color:var(--text-secondary);max-width:600px;margin-top:.5rem;font-size:1.15rem}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1000px;margin:0 auto;display:grid}.workflow-step{flex-direction:column;align-items:flex-start;display:flex;position:relative}.workflow-icon-wrapper{width:100%;margin-bottom:1.5rem;position:relative}.workflow-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);width:64px;height:64px;color:var(--accent-primary);box-shadow:var(--shadow-sm);z-index:2;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.workflow-step:hover .workflow-icon{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-5px)}.workflow-connector{background:var(--border-color);z-index:1;width:calc(100% + 3rem - 64px);height:2px;position:absolute;top:32px;left:64px}.workflow-step:nth-child(3n) .workflow-connector{display:none}.workflow-step-title{color:var(--text-highlight);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:700;display:flex}.workflow-step-number{color:var(--accent-secondary);font-family:JetBrains Mono,monospace;font-size:1rem}.workflow-step-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5}@media (width<=992px){.workflow-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.workflow-connector{width:calc(100% + 2rem - 64px)}.workflow-step:nth-child(2n) .workflow-connector{display:none}.workflow-step:nth-child(3n) .workflow-connector{display:block}}@media (width<=640px){.workflow-grid{grid-template-columns:1fr;gap:2rem}.workflow-step{flex-direction:row;gap:1.5rem}.workflow-icon-wrapper{width:auto;margin-bottom:0}.workflow-connector{display:none!important}.workflow-content{flex:1}}.timeline-section{padding:8rem 0;position:relative}.section-header-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:5rem;display:flex}.timeline-container{max-width:1000px;margin:0 auto;position:relative}.timeline-track{width:100%;position:relative}.timeline-track:before{content:"";background:var(--border-color);z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-progress-line{background:var(--accent-primary);z-index:2;width:2px;box-shadow:0 0 10px var(--accent-glow);position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-node{justify-content:center;align-items:center;width:100%;margin-bottom:4rem;display:flex;position:relative}.timeline-node:last-child{margin-bottom:0}.timeline-marker{background:var(--bg-primary);border:3px solid var(--accent-primary);z-index:3;width:16px;height:16px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.timeline-content{width:50%;padding:0 3rem;position:relative}.timeline-content.left{text-align:right;left:-25%}.timeline-content.right{text-align:left;left:25%}.timeline-date{color:var(--accent-secondary);margin-bottom:.75rem;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.timeline-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);padding:1.75rem;transition:all .3s}.timeline-node:hover .timeline-card{border-color:var(--border-highlight);background:var(--bg-card-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.timeline-role{color:var(--text-highlight);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.timeline-company{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem;font-weight:500}.timeline-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.timeline-system{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d;border-radius:999px;padding:.3rem .75rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:inline-block}@media (width<=768px){.timeline-track:before,.timeline-progress-line,.timeline-marker{left:20px}.timeline-content{width:100%;padding:0 0 0 50px}.timeline-content.left,.timeline-content.right{text-align:left;left:0}}.project-card-premium{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:100%;min-height:580px;box-shadow:var(--shadow-sm);flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card-premium:hover{border-color:var(--border-highlight);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.project-image-container{background:#09090b;width:100%;height:260px;position:relative;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s}.project-card-premium:hover .project-image{filter:blur(2px)brightness(.7);transform:scale(1.05)}.project-overlay-glow{opacity:0;z-index:1;pointer-events:none;background:radial-gradient(circle,#3b82f64d 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.project-card-premium:hover .project-overlay-glow{opacity:1}.project-overlay-content{z-index:2;opacity:0;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-card-premium:hover .project-overlay-content{opacity:1}.project-expand-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.75rem;padding:.8rem 1.5rem;font-weight:600;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(20px)}.project-card-premium:hover .project-expand-btn{transform:translateY(0)}.arrow-icon{transition:transform .3s}.project-expand-btn:hover .arrow-icon{transform:translate(4px)}.project-content{flex-direction:column;flex:1;padding:1.75rem;display:flex}.project-title{color:var(--text-highlight);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.3;display:flex}.github-icon-wrapper{color:var(--text-muted);align-items:center;transition:color .2s;display:flex}.github-icon-wrapper:hover{color:var(--text-highlight)}.project-description{color:var(--text-secondary);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:1;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.project-tags{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;padding-top:1.25rem;display:flex}.project-tag{background:var(--bg-secondary);color:var(--accent-secondary);border:1px solid var(--border-color);border-radius:999px;padding:.35rem .85rem;font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:600;transition:all .2s}.project-card-premium:hover .project-tag{border-color:var(--border-highlight);color:var(--text-primary)}@media (width<=768px){.project-card-premium{min-height:500px}.project-image-container{height:220px}}.gallery-section{padding:6rem 0;position:relative}.gallery-subtitle{color:var(--text-secondary);max-width:750px;margin-bottom:3.5rem;font-size:1.15rem;line-height:1.7}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;display:grid}@media (width<=768px){.projects-grid{grid-template-columns:1fr;gap:2rem}}.navbar{z-index:1000;background:0 0;width:100%;padding:1.5rem 0;transition:all .3s cubic-bezier(.16,1,.3,1);position:sticky;top:0}.navbar-scrolled{background:var(--bg-secondary);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:1rem 0;box-shadow:0 10px 30px -10px #00000080}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:.25rem;font-family:Inter,monospace,sans-serif;font-size:1.35rem;font-weight:800;text-decoration:none;display:flex}.logo-symbol{color:var(--accent-primary);transition:transform .3s}.navbar-logo:hover .logo-symbol{transform:scale(1.15)}.logo-text{background:linear-gradient(90deg, var(--text-highlight), var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-num{color:var(--accent-primary);font-family:monospace;font-size:.85rem}.nav-link:hover{color:var(--accent-primary)}.btn-navbar{color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);background:0 0;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s}.btn-navbar:hover{background:var(--border-highlight);box-shadow:0 0 15px var(--border-highlight);color:var(--accent-primary);transform:translateY(-2px)}.navbar-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:28px;height:24px;padding:0;display:none}.navbar-toggle span{background:var(--accent-primary);transform-origin:1px;border-radius:10px;width:100%;height:2px;transition:all .3s linear;position:relative}@media (width<=768px){.navbar-toggle{display:flex}.navbar-links{background:var(--bg-primary);border-left:1px solid var(--border-color);flex-direction:column;justify-content:center;width:75%;height:100vh;padding:3rem;transition:right .3s ease-in-out;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px -15px #020c1bb3}.navbar-links-open{right:0}.nav-link{width:100%;padding:.75rem 0;font-size:1.15rem}}.navbar-toggles{align-items:center;gap:1rem;display:flex}.toggle-btn{border:1px solid var(--border-highlight);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem .6rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .3s;display:flex}.toggle-btn:hover{background:var(--border-highlight);border-color:var(--accent-primary);color:var(--accent-primary)}