:root{--bg:#080a0f;--surface:#0e1118;--surface2:#141720;--border:#ffffff12;--accent:#e8ff47;--accent2:#47ffe8;--accent3:#ff6b47;--text:#f0f2f5;--muted:#6b7280;--glow:#e8ff4726}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);cursor:none;font-family:Syne,sans-serif;overflow-x:hidden}.cursor{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:transform .1s,width .3s,height .3s,background .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:1.5px solid var(--accent);pointer-events:none;z-index:9998;opacity:.5;border-radius:50%;width:36px;height:36px;transition:transform .15s,width .3s,height .3s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}.hero{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:100vh;padding:120px 8vw 60px;display:grid;position:relative;overflow:hidden}.hero-bg-number{color:#e8ff4708;pointer-events:none;letter-spacing:-.05em;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:Bebas Neue,sans-serif;font-size:clamp(180px,30vw,420px);position:absolute;top:55%;right:-2vw;transform:translateY(-50%)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);background:#0e111873;border:1px solid #ffffff14;border-radius:100px;justify-content:center;align-items:center;width:auto;max-width:90vw;height:auto;padding:.8rem 2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000004d}.navbar:hover{background:#0e111899;border-color:#e8ff4733;transform:translate(-50%)translateY(-2px)}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;cursor:none;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover{color:var(--text);text-shadow:0 0 10px #e8ff474d}.nav-links a:hover:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 8px var(--accent);border-radius:50%;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.hero-eyebrow{align-items:center;gap:12px;margin-bottom:1.2rem;display:flex}.eyebrow-line{background:var(--accent);flex-shrink:0;width:48px;height:2px}.eyebrow-text{color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:400}.hero-name{letter-spacing:.02em;margin-bottom:1.2rem;font-family:Bebas Neue,sans-serif;font-size:clamp(64px,9vw,128px);line-height:.9}.hero-name span{-webkit-text-stroke:2px var(--text);color:#0000;display:block;opacity:1!important}.hero-name .filled{color:var(--text);-webkit-text-stroke:0;opacity:1!important}.hero-tagline{color:var(--muted);max-width:500px;margin-bottom:2.4rem;font-family:DM Serif Display,serif;font-size:clamp(1.1rem,1.8vw,1.4rem);font-style:italic;line-height:1.6}.hero-tagline strong{color:var(--accent2);font-style:normal}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.btn{letter-spacing:.12em;text-transform:uppercase;cursor:none;align-items:center;gap:8px;padding:.8rem 1.8rem;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--bg);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.btn-primary:hover{background:var(--accent2);transform:translateY(-2px)}.btn-secondary{color:var(--text);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-card{background:var(--surface);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));padding:2.4rem;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero-card:before{content:"";background:linear-gradient(135deg, var(--accent), transparent 50%, var(--accent2));z-index:-1;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));opacity:.3;position:absolute;inset:-1px}.card-header{align-items:center;gap:10px;margin-bottom:1.6rem;display:flex}.card-dot{border-radius:50%;width:10px;height:10px;animation:2s infinite pulse}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840;animation-delay:.4s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-label{color:var(--muted);letter-spacing:.15em;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.7rem}.stat-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-item{background:var(--surface2);border:1px solid var(--border);padding:1rem 1.2rem}.stat-num{color:var(--accent);font-family:Bebas Neue,sans-serif;font-size:2.2rem;line-height:1}.stat-label{color:var(--muted);letter-spacing:.1em;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.85rem}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:1.4rem;display:flex}.tag{border:1px solid var(--border);color:var(--accent2);letter-spacing:.08em;background:#47ffe80d;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:.68rem;transition:all .2s}.tag:hover{border-color:var(--accent2);background:#47ffe826}section{z-index:1;padding:6rem 8vw;position:relative}.section-label{align-items:center;gap:16px;margin-bottom:3.5rem;display:flex}.section-num{color:var(--accent);letter-spacing:.2em;font-family:JetBrains Mono,monospace;font-size:.7rem}.section-title{letter-spacing:.02em;font-family:Bebas Neue,sans-serif;font-size:clamp(40px,6vw,80px);line-height:.95}.section-divider{background:linear-gradient(to right, var(--border), transparent);flex:1;height:1px}.tech-section{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tech-marquee{border-bottom:1px solid var(--border);padding:2.5rem 0;overflow:hidden}.tech-marquee:last-child{border-bottom:none}.marquee-track{gap:3rem;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-track.reverse{animation-duration:22s;animation-direction:reverse}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{white-space:nowrap;border:1px solid var(--border);color:var(--muted);background:var(--surface2);align-items:center;gap:10px;padding:8px 20px;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .2s;display:flex}.marquee-item .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.about-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:5rem;display:grid}.about-quote{color:var(--text);margin-bottom:2.5rem;padding-left:2.5rem;font-family:DM Serif Display,serif;font-size:clamp(1.6rem,2.8vw,2.5rem);font-style:italic;line-height:1.3;position:relative}.about-quote:before{content:"\"";color:var(--accent);opacity:.3;font-family:DM Serif Display,serif;font-size:6rem;line-height:1;position:absolute;top:-.4rem;left:-.2rem}.about-body{color:var(--muted);margin-bottom:1.8rem;font-size:1.15rem;line-height:1.9}.about-body strong{letter-spacing:.02em;font-weight:700}.skill-bars{flex-direction:column;gap:1.4rem;display:flex}.skill-bar-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skill-bar-name{letter-spacing:.1em;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.78rem}.skill-bar-pct{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.7rem}.skill-bar-track{background:var(--surface2);height:4px;position:relative;overflow:hidden}.skill-bar-fill{background:linear-gradient(to right, var(--accent), var(--accent2));transform-origin:0;height:100%;transform:scaleX(0)}.visible .skill-bar-fill{animation:1.2s cubic-bezier(.16,1,.3,1) forwards barGrow}@keyframes barGrow{to{transform:scaleX(1)}}.projects-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 10px 30px #00000080}.project-image-wrapper{aspect-ratio:16/10;background:var(--surface2);position:relative;overflow:hidden}.project-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image{transform:scale(1.1)}.project-overlay{opacity:0;z-index:2;background:#080a0fd9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-links{gap:1rem;display:flex}.project-content{padding:1.5rem}.project-title{color:var(--text);margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:800}.project-tech{flex-wrap:wrap;gap:6px;display:flex}.tech-tag{color:var(--accent2);border:1px solid var(--border);background:#47ffe80d;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:.65rem}.timeline{padding-left:2.5rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-item{background:var(--surface);border:1px solid var(--border);margin-bottom:3rem;padding:1.8rem 2rem;transition:border-color .3s,transform .3s;position:relative}.timeline-item:hover{border-color:var(--accent);transform:translate(6px)}.timeline-item:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%;position:absolute;top:2rem;left:-2.9rem}.timeline-date{color:var(--accent);letter-spacing:.15em;margin-bottom:.5rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.timeline-title{color:#fff;letter-spacing:.02em;margin-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800}.timeline-sub{color:var(--accent2);margin-bottom:.8rem;font-size:.82rem}.timeline-desc{color:#fff;font-size:1.05rem;line-height:1.8}.philosophy-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.philosophy-item{background:var(--surface);border:1px solid var(--border);padding:2.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.philosophy-item:hover{border-color:var(--accent);background:#e8ff4705;transform:translateY(-8px)}.philo-head{align-items:center;gap:1.2rem;margin-bottom:1.4rem;display:flex}.philo-icon{background:var(--surface2);border:1px solid var(--border);justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}.philosophy-item:hover .philo-icon{background:var(--accent);border-color:var(--accent);transform:rotate(10deg)}.philo-title{text-transform:uppercase;letter-spacing:.05em;font-family:Syne,sans-serif;font-size:1.3rem;font-weight:800}.philo-desc{color:var(--muted);font-size:1.2rem;line-height:1.7}.philo-tag{color:var(--border);text-transform:uppercase;letter-spacing:.2em;font-family:JetBrains Mono,monospace;font-size:.7rem;position:absolute;top:1rem;right:1.5rem}.lifestyle-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.lifestyle-item{background:var(--surface2);border:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:2.5rem;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.lifestyle-item:hover{background:var(--surface);border-color:var(--accent2);transform:translateY(-8px)}.life-header{justify-content:space-between;align-items:center;display:flex}.life-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-family:JetBrains Mono,monospace;font-size:.95rem}.life-status{border:1px solid var(--border);background:#ffffff0d;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.65rem}.status-active{color:var(--accent2);border-color:var(--accent2)}.status-paused{color:var(--accent3);border-color:var(--accent3)}.status-weekly{color:var(--accent);border-color:var(--accent)}.status-24-7{color:#fff;border-color:var(--text)}.life-text{color:#fff;font-size:1.35rem;font-weight:500;line-height:1.5}.life-bar{background:var(--surface2);height:4px;margin-top:auto;position:relative;overflow:hidden}.life-bar-fill{background:linear-gradient(to right, var(--surface2), var(--accent2));transform-origin:0;width:100%;height:100%;transition:transform 1.5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;transform:scaleX(0)}.lifestyle-item.visible .life-bar-fill{transform:scaleX(.7)}.contact-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.contact-headline{letter-spacing:.02em;font-family:Bebas Neue,sans-serif;font-size:clamp(50px,7vw,100px);line-height:.9}.contact-headline .outline{-webkit-text-stroke:2px var(--accent);color:#0000}.contact-sub{color:var(--muted);margin-top:1rem;font-size:1.2rem;line-height:1.7}.contact-links{flex-direction:column;gap:1.2rem;display:flex}.contact-link{background:var(--surface2);border:1px solid var(--border);cursor:none;align-items:center;gap:1rem;padding:1.2rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.contact-link:hover{border-color:var(--accent);background:var(--glow);transform:translate(8px)}.link-icon{flex-shrink:0;font-size:1.2rem}.link-label{color:var(--muted);letter-spacing:.1em;margin-bottom:2px;font-family:JetBrains Mono,monospace;font-size:.7rem;display:block}.link-value{color:var(--text);font-size:.9rem}.link-arrow{color:var(--accent);opacity:0;margin-left:auto;font-size:1.1rem;transition:opacity .3s}.contact-link:hover .link-arrow{opacity:1}footer{z-index:1;border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 8vw;display:flex;position:relative}.footer-left,.footer-right{color:var(--muted);letter-spacing:.1em;font-family:JetBrains Mono,monospace;font-size:.7rem}.footer-right span{color:var(--accent)}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;gap:3rem;padding:12rem 6vw 4rem}.navbar{border-radius:100px;flex-direction:row;justify-content:center;width:90vw;height:auto;padding:.8rem 1.5rem}.nav-links{-ms-overflow-style:none;scrollbar-width:none;flex-direction:row;gap:1.5rem;width:100%;padding:0;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap;padding:0;font-size:.72rem}.hero-bg-number{opacity:.02;font-size:35vw;top:50%;right:50%;transform:translate(50%,-50%)}.hero-eyebrow{justify-content:center}.hero-tagline{margin:0 auto 2.4rem}.hero-cta{justify-content:center}.hero-card{max-width:100%;margin:0 auto;padding:1.5rem;animation:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:3rem}.projects-grid{grid-template-columns:repeat(2,1fr)}.contact-inner{text-align:center;grid-template-columns:1fr;gap:3rem}}@media (width<=768px){:root{cursor:auto!important}.cursor,.cursor-ring{display:none!important}body{cursor:auto!important}.hero-name{font-size:clamp(54px,15vw,84px)}.section-label{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:2.5rem}.section-divider{flex:none;width:60px}.section-title{font-size:clamp(44px,12vw,64px)}.timeline{padding-left:1.5rem}.timeline-item{padding:1.4rem 1.6rem}.timeline-item:before{left:-1.9rem}.soft-grid,.philosophy-grid{grid-template-columns:1fr;gap:1.5rem}.lifestyle-item{padding:1.5rem}.about-quote{padding-left:2rem}.about-quote:before{font-size:4rem}.stat-grid,.projects-grid{grid-template-columns:1fr}}@media (width<=480px){section{padding:4rem 5vw}.hero{padding-top:8rem}.hero-cta{flex-direction:column}.hero-cta .btn{justify-content:center;width:100%}.beyond-grid{grid-template-columns:1fr}.contact-headline{font-size:clamp(48px,15vw,68px)}footer{text-align:center;flex-direction:column;gap:1.5rem;padding:2rem 5vw}}@media (hover:none) and (pointer:coarse){body{cursor:auto!important}.cursor,.cursor-ring{display:none!important}}