:root{--bg-deep:#05060a;--bg-card:hsla(0,0%,100%,.02);--glass-border:hsla(0,0%,100%,.06);--accent-glow:rgba(100,255,164,.15);--text-main:#f8fafc;--text-dim:#94a3b8;--transition-smooth:all .5s cubic-bezier(.23,1,.32,1)}body,html{background-color:var(--bg-deep);color:var(--text-main);font-family:Inter,Space Grotesk,system-ui,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%;-webkit-font-smoothing:antialiased}.main-nav{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#05060abf;border-bottom:1px solid var(--glass-border);display:flex;height:85px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.nav-container{align-items:center;display:flex;justify-content:space-between;max-width:1100px;width:90%}.logo{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}.nav-links{gap:40px}.nav-links a{color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-decoration:none;transition:var(--transition-smooth)}.nav-links a:hover{color:#fff}.scene{align-items:center;display:flex;flex-direction:column;padding:180px 0 0;position:relative}.contact,.hero,.projects,.section-container{margin-bottom:160px;max-width:1100px;scroll-margin-top:120px;width:90%}.hero h1{background:linear-gradient(180deg,#fff 40%,#ffffff80);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;letter-spacing:-3px;line-height:1.2;margin:0 0 30px;-webkit-text-fill-color:transparent;padding-bottom:15px}.hero-content{overflow:visible}.eyebrow{color:#64ffa4;font-size:.7rem;font-weight:700;letter-spacing:4px;margin-bottom:15px;text-transform:uppercase}.lead{color:var(--text-dim);font-size:1.2rem;line-height:1.6;max-width:600px}.hero-actions{display:flex;gap:20px;margin-top:40px}.hero-actions a{border-radius:12px;font-size:.9rem;font-weight:600;padding:16px 35px;text-decoration:none;transition:var(--transition-smooth)}.hero-actions a:first-child{background:#fff;color:#000}.hero-actions a.ghost{border:1px solid var(--glass-border);color:#fff}.hero-actions a:hover{box-shadow:0 20px 40px #0006;transform:translateY(-5px)}.hero-profile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid var(--glass-border);border-radius:20px;padding:28px}.tag{background:#ffffff14;border-radius:12px;display:inline-block;font-size:.85rem;margin-right:8px;margin-top:8px;padding:6px 12px}.project-grid{margin:0 auto;max-width:900px;padding-bottom:20vh;position:relative}.project-card{background:#0a0b12!important;border:1px solid hsla(0,0%,100%,.1)!important;box-shadow:0 -10px 40px #00000080;color:#fff!important;margin-bottom:40px;padding:45px;position:sticky;transition:all .5s cubic-bezier(.23,1,.32,1)}.project-card:hover{background:#10131a!important}.project-actions a{color:#64ffa4;font-weight:600;text-decoration:none;transition:color .5s ease}.project-card:hover .project-actions a{color:#64ffa4}.in-progress{color:var(--text-dim)}.contact{background:radial-gradient(circle at top right,rgba(100,255,164,.03),transparent);border:1px solid var(--glass-border);border-radius:40px;padding:100px 40px;text-align:center}.mail-link{border-bottom:2px solid #64ffa4;color:#fff;font-size:clamp(1.5rem,5vw,3rem);letter-spacing:-1px;padding-bottom:10px;text-decoration:none;transition:var(--transition-smooth)}.mail-link:hover{color:#64ffa4}.site-footer{background:#05060a80;border-top:1px solid var(--glass-border);padding:60px 0;width:100%}.footer-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;width:90%}.footer-copyright{color:var(--text-dim);font-size:.85rem;font-weight:500}.footer-socials{display:flex;gap:24px}.footer-socials a{color:var(--text-dim);transition:var(--transition-smooth)}.footer-socials a:hover{color:#fff;transform:translateY(-3px)}.quantum-pulse{animation:pulse 10s ease-in-out infinite;background:radial-gradient(circle,var(--accent-glow),transparent 70%);filter:blur(60px);height:600px;pointer-events:none;position:absolute;width:600px;z-index:-1}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%) scale(1)}50%{opacity:.5;transform:translate(-45%,-10%) scale(1.1)}}@media(max-width:768px){.footer-container{flex-direction:column;gap:20px;text-align:center}.hero h1{font-size:3rem;letter-spacing:-1px}.hide-on-mobile{display:none!important}}.cv-button-premium{background:#ffffff08!important;border:1px solid rgba(100,255,164,.3)!important;color:#fff!important;font-weight:600!important;letter-spacing:1px;overflow:hidden;padding:10px 24px!important;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.cv-button-premium:before{background:linear-gradient(90deg,transparent,rgba(100,255,164,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.6s;width:100%}.cv-button-premium:hover{border-color:#64ffa4!important;box-shadow:0 0 20px #64ffa433;color:#64ffa4!important;transform:translateY(-2px)}.cv-button-premium:hover:before{left:100%}.nav-links{align-items:center;display:flex;gap:15px}.nav-cta{align-items:center;border-radius:999px;box-sizing:border-box;display:inline-flex;font-size:.8rem;font-weight:600;height:42px;justify-content:center;padding:0 24px;text-decoration:none;transition:var(--transition-smooth)}.cv-button-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid rgba(100,255,164,.3);color:#fff}.nav-cta:not(.cv-button-premium){border:1px solid var(--glass-border);color:var(--text-dim)}.reveal{opacity:0;pointer-events:none;transform:translateY(30px);transition:all .8s cubic-bezier(.23,1,.32,1)}.reveal.active{opacity:1;pointer-events:auto;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}.gs-reveal,.gs-stagger{will-change:transform,opacity}.btn-primary,.nav-cta{transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.project-card{z-index:2}.project-card h3{color:#64ffa4!important;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;transition:color .5s ease}.project-card:hover h3{color:#fff!important}.project-card p{color:#ffffffe6!important;font-size:1.05rem;line-height:1.7;transition:color .5s ease}.project-card:hover p{color:#fff!important}.project-card{border-radius:28px;overflow:hidden;perspective:1000px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.23,1,.32,1),transform .15s ease-out;--mouse-x:0px;--mouse-y:0px;--rotate-x:0deg;--rotate-y:0deg;transform:perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y))}.project-card:hover{border-color:#64ffa440!important;box-shadow:0 25px 60px #64ffa414,0 10px 20px #0000004d;transform:perspective(1000px) rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateY(-8px);z-index:10}.spotlight{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(99,102,241,.12),transparent 40%);border-radius:28px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;z-index:3}.project-card:hover .spotlight{opacity:1}.project-card>*{position:relative;z-index:4}.icon-wrapper{background:#64ffa41a;border:1px solid rgba(100,255,164,.2);border-radius:16px;box-shadow:0 0 15px #64ffa41a;color:#64ffa4;display:inline-flex;margin-bottom:20px;padding:12px}.icon-wrapper svg{height:28px;width:28px}.gs-stagger-projects{visibility:visible!important}.marquee-container{margin:4rem 0}.marquee-content{display:inline-block;will-change:transform}.marquee-content span{color:transparent;display:inline-block;font-size:clamp(2rem,8vw,5rem);font-weight:900;-webkit-text-stroke:1px hsla(0,0%,100%,.3);letter-spacing:2px;padding:0 3rem;text-transform:uppercase;transition:all .3s ease}.marquee-content span:hover{-webkit-text-stroke:1px #0fa;color:#0fa;cursor:default}.zipper-title{display:flex;flex-wrap:wrap;font-size:clamp(2rem,5vw,4.5rem);font-weight:900;justify-content:center;overflow:hidden;text-align:center}.word{display:flex;white-space:nowrap}.char{display:inline-block;will-change:transform}.project-actions div{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:5px}.card-header{margin-bottom:16px}.card-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.card-title-row h3{margin:0!important}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.stack-tag{color:#64ffa4;font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:600;transition:color .5s ease}.project-card:hover .stack-tag{color:#93c5fd}.project-card .meta{color:#6b7280;font-size:.85rem}.project-link{align-items:center;background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#fff!important;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .5s ease;white-space:nowrap}.project-card:hover .project-link{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 2px 8px #0003;color:#fff!important}.project-card:hover .project-link:hover{border-color:#64ffa4!important;box-shadow:0 4px 16px #64ffa426;color:#64ffa4!important}.in-progress{background:#ffffff14;border:1px solid hsla(0,0%,100%,.15);border-radius:9999px;color:var(--text-dim)!important;display:inline-block;font-size:.65rem;font-style:normal;font-weight:600;letter-spacing:1px;padding:4px 12px;text-transform:uppercase;transition:all .5s ease}.project-card:hover .in-progress{background:#ffffff1a;border-color:#fff3;color:#cbd5e1!important}.live-badge{background:#64ffa41a!important;border-color:#64ffa44d!important;color:#64ffa4!important}.project-card:hover .live-badge{background:#64ffa426!important;border-color:#64ffa466!important;color:#64ffa4!important}.hero-eyebrow{color:#ffffffb3;font-size:1.5rem!important;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.marquee-container{background:#ffffff08;margin:0 0 100px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);overflow:hidden;padding:2rem 0;position:relative;white-space:nowrap;width:100%}.marquee-content{display:inline-flex;width:-moz-max-content;width:max-content}.marquee-group{animation:scroll-left 25s linear infinite;display:flex;gap:4rem;padding-right:4rem}.marquee-group span{color:transparent;font-size:clamp(2rem,5vw,4rem);font-weight:900;-webkit-text-stroke:1px hsla(0,0%,100%,.3);cursor:default;transition:all .3s ease}.marquee-group span:hover{-webkit-text-stroke:1px #64ffa4;color:#64ffa4}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.blog-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.blog-card{background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;cursor:pointer;padding:2rem;transition:all .3s ease}.blog-card:hover{background:#ffffff12;border-color:#42b883;transform:translateY(-5px)}.blog-date{font-size:.8rem;margin-bottom:.5rem}.blog-tags{display:flex;gap:10px;margin-top:1rem}.blog-tag{background:#42b8831a;border-radius:4px;color:#42b883;font-size:.75rem;padding:4px 8px}.blog-detail-container{margin:0 auto;max-width:800px;min-height:100vh;padding:4rem 2rem}.blog-nav{margin-bottom:3rem}.back-link{color:#42b883;display:inline-block;font-weight:600;text-decoration:none;transition:opacity .3s}.back-link:hover{opacity:.8}.blog-header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:3rem;padding-bottom:2rem}.blog-header h1{color:#fff;font-size:2.5rem;line-height:1.3;margin-bottom:1rem}.blog-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.blog-date{color:#888;font-size:.95rem}.not-found{padding:4rem 2rem;text-align:center}.not-found p{color:#888;margin-bottom:2rem}.prose{color:#ccc;font-size:1.1rem;line-height:1.8}.prose h1{font-size:2rem;margin-top:3.5rem}.prose h1,.prose h2{color:#fff;margin-bottom:1.5rem}.prose h2{font-size:1.7rem;margin-top:3rem}.prose h3{color:#fff;font-size:1.4rem;margin-bottom:1rem;margin-top:2.5rem}.prose ol,.prose p,.prose ul{margin-bottom:1.5rem}.prose ol,.prose ul{padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose a{color:#42b883;font-weight:500;text-decoration:none}.prose a:hover{text-decoration:underline}.prose pre{background:#00000040;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;margin:2rem 0;overflow-x:auto;padding:1.5rem}.prose code{background:#ffffff1a;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.prose pre code{background:transparent;padding:0}.prose img{border:1px solid hsla(0,0%,100%,.05);border-radius:12px;margin:2rem 0;max-width:100%}.prose blockquote{border-left:4px solid #42b883;color:#aaa;font-style:italic;margin:1.5rem 0;padding-left:1rem}