@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.glass-nav-container{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:2000;display:flex;justify-content:center;width:100%}.glass-nav-wrapper{position:relative;background:#0a0a0a99;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);padding:6px 4px;border-radius:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff1a,0 15px 35px #00000080}.liquid-glass-border{position:absolute;inset:0;border-radius:100px;padding:1px;background:linear-gradient(180deg,#ffffff40,#ffffff0d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;pointer-events:none}.nav-content{display:flex;align-items:center;justify-content:space-between;padding-block:4px;width:100%}.nav-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.8rem;color:#fff;letter-spacing:1.2px;white-space:nowrap;padding-left:10px;flex-shrink:0}.nav-links-group{padding-right:4px;display:flex;align-items:center;gap:2px;opacity:0}.nav-item{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;color:#fff6;text-decoration:none;padding:8px 12px;border-radius:50px;transition:all .4s cubic-bezier(.165,.84,.44,1);white-space:nowrap}.nav-item.active{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0d}.nav-item:hover:not(.active){color:#fff;background:#ffffff0a}.resume-link{background:#fff;color:#000;font-weight:700;margin-left:8px}.resume-link:hover{background:#e5e5e5;transform:translateY(-1px)}.hero{min-height:100vh;background:#030303;padding:120px 6%;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;position:relative;overflow:hidden;--move-x: 0px;--move-y: 0px}.light-rays{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.08) 0%,transparent 60%);pointer-events:none;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal-text{animation:fadeInUp .8s ease forwards}.reveal-text-delay{opacity:0;animation:fadeInUp .8s ease .3s forwards}.hero-stats{opacity:0;animation:fadeInUp .8s ease .6s forwards;display:flex;align-items:center;gap:32px;margin-top:40px}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,4.5vw,3.6rem);line-height:1.1;color:#fff;margin:0}.hero h1 span{background:linear-gradient(120deg,#fff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{margin-top:24px;max-width:460px;font-family:Inter,sans-serif;color:#ffffffa6;font-size:1.1rem;line-height:1.6}.hero-stats strong{font-family:JetBrains Mono,monospace;font-size:1.8rem;color:#fff}.hero-stats span{display:block;font-family:Inter,sans-serif;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:#fff6;margin-top:4px}.divider{width:1px;height:36px;background:#ffffff1f}.phone-wrapper{display:flex;justify-content:center;perspective:2500px;transition:transform .1s ease-out}.s23-ultra-frame{width:304px;height:636px;border-radius:4px;background:#080808;padding:3px;position:relative;box-shadow:0 40px 100px -20px #000000e6,0 10px 20px -5px #00000080,inset 0 0 1px 1px #ffffff1a;transform:rotateY(-10deg) rotateX(2deg);animation:fadeInUp 1s ease .4s forwards;opacity:0}.armor-aluminum-edge{position:absolute;inset:0;border-radius:4px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(115deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.05) 5%,transparent 15%,transparent 85%,rgba(255,255,255,.08) 95%,rgba(255,255,255,.15) 100%);pointer-events:none}.display-panel{width:100%;height:100%;background:#000;border-radius:0;overflow:hidden;position:relative;box-shadow:inset 12px 0 25px -15px #ffffff26,inset -12px 0 25px -15px #ffffff26,inset 0 0 40px #000000e6}.infinity-o-cutout{position:absolute;top:14px;left:50%;transform:translate(-50%);width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#1a1a1a,#020202);border:1px solid rgba(255,255,255,.08);border-radius:50%;z-index:10}.bezel-inner-glow{position:absolute;inset:0;border-radius:0;box-shadow:inset 0 0 4px #000;pointer-events:none;z-index:5}.glass-reflection{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 15%,transparent 35%,transparent 65%,rgba(255,255,255,.02) 85%,rgba(255,255,255,.08) 100%);pointer-events:none;z-index:6}.screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease}.screen.active{opacity:1}.btn-container.right{position:absolute;top:90px;right:-2px;width:2px;height:200px;z-index:-1}.side-button{width:2.5px;background:linear-gradient(to right,#111,#333,#111);position:absolute;right:0;border-radius:0 1px 1px 0;box-shadow:1px 0 3px #000c}.volume-rocker{height:75px;top:0}.power-btn{height:40px;top:95px}@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:160px}.s23-ultra-frame{margin-top:40px;width:260px;height:544px;transform:none}.glass-nav-wrapper{max-width:95%;width:auto!important}}.modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{width:100%;max-width:900px;background:#0a0a0a;border:1px solid rgba(255,255,255,.1);padding:40px;position:relative;max-height:90vh;overflow-y:auto}.modal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.s23-mini-frame{width:240px;height:500px;background:#111;border-radius:30px;border:4px solid #222;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #00000080}.screenshot-carousel{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory}.screenshot-carousel img{width:100%;flex-shrink:0;scroll-snap-align:start;object-fit:cover}.modal-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;color:#fff}.modal-tagline{color:#fff9;font-size:1.1rem;margin-bottom:24px}.detail-section h4{font-family:JetBrains Mono,monospace;font-size:.75rem;text-transform:uppercase;color:#3b82f6;margin:24px 0 12px}.tech-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);font-size:.8rem;border-radius:4px}.impact-box{background:#3b82f60d;padding:16px;border-left:3px solid #3b82f6;margin-top:32px}.modal-actions{display:flex;gap:16px;margin-top:40px}.btn-primary{background:#fff;color:#000;padding:12px 24px;text-decoration:none;font-weight:600}@media(max-width:768px){.modal-grid{grid-template-columns:1fr}.modal-visuals{display:none}}.projects-section{padding:var(--spacing-2xl) 0;background:#030303}.projects-list{display:flex;flex-direction:column;margin-top:var(--spacing-xl)}.project-row{display:grid;grid-template-columns:1.2fr 1.5fr .3fr;align-items:center;padding:32px 0;border-top:1px solid rgba(255,255,255,.05);transition:all .4s ease;gap:var(--spacing-md)}.project-row:last-child{border-bottom:1px solid rgba(255,255,255,.05)}.project-row:hover{background:#3b82f605;padding-left:20px}.project-main-info{display:flex;align-items:center;gap:24px}.project-index{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#3b82f6;opacity:.6}.project-row-title{font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:4px}.project-row-tags{display:flex;gap:8px}.mini-tag{font-size:.7rem;color:#fff6;text-transform:uppercase;letter-spacing:1px}.project-row-desc{font-family:Inter,sans-serif;font-size:.95rem;color:#ffffff80;line-height:1.5;max-width:500px}.project-row-links{display:flex;justify-content:flex-end;gap:20px}.icon-link{color:#ffffff4d;transition:color .3s,transform .3s}.icon-link:hover{color:#3b82f6;transform:translateY(-2px)}@media(max-width:1024px){.project-row{grid-template-columns:1fr auto;gap:16px}.project-row-desc{grid-column:span 2;order:3;max-width:100%}}@media(max-width:640px){.project-row-title{font-size:1.25rem}.project-row-links{order:2}}.process-section{padding:100px 0;background:#030303}.section-header-compact{display:flex;align-items:center;gap:32px;margin-bottom:60px}.section-title-sm{font-family:Space Grotesk,sans-serif;font-size:2.5rem;color:#fff;white-space:nowrap}.draw-line-horizontal{height:1px;flex-grow:1;background:linear-gradient(90deg,#3b82f6,transparent)}.process-pipeline{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pipeline-step{padding:32px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;transition:border-color .3s ease,background .3s ease;will-change:transform,opacity}.pipeline-step:hover{background:#3b82f608;border-color:#3b82f666;transform:translateY(-5px)!important}.step-number-tag{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#3b82f6;margin-bottom:20px}.step-icon-box{color:#fff;margin-bottom:16px}.step-title{font-family:Space Grotesk,sans-serif;font-size:1.25rem;color:#fff;margin-bottom:12px}.step-desc{font-family:Inter,sans-serif;font-size:.9rem;color:#ffffff80;line-height:1.5}@media(max-width:1024px){.process-pipeline{grid-template-columns:1fr 1fr}}@media(max-width:600px){.process-pipeline{grid-template-columns:1fr}.section-title-sm{font-size:1.8rem}}.marquee-section{padding:80px 0;background:#030303;overflow:hidden}.marquee-container{position:relative;display:flex;-webkit-user-select:none;user-select:none;gap:40px;padding:40px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-top:20px}.marquee-content{display:flex;flex-shrink:0;gap:60px;min-width:100%;animation:scroll-marquee 30s linear infinite}.marquee-container:hover .marquee-content{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:16px;padding:12px 24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:4px;transition:all .3s ease}.marquee-item:hover{background:#3b82f60d;border-color:#3b82f64d;transform:translateY(-2px)}.marquee-icon{width:28px;height:28px;object-fit:contain;filter:grayscale(1) brightness(1.5);transition:filter .3s ease}.marquee-item:hover .marquee-icon{filter:grayscale(0) brightness(1)}.marquee-text{font-family:JetBrains Mono,monospace;font-size:1rem;color:#fff9;text-transform:uppercase;letter-spacing:1px}.marquee-item:hover .marquee-text{color:#fff}@keyframes scroll-marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 30px))}}.marquee-fade{position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}.marquee-fade.left{left:0;background:linear-gradient(to right,#030303,transparent)}.marquee-fade.right{right:0;background:linear-gradient(to left,#030303,transparent)}.footer{padding:var(--spacing-3xl) 0 var(--spacing-xl);border-top:1px solid rgba(59,130,246,.15)}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-cta-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.blur-word{filter:blur(20px);opacity:0;display:inline-block}.footer-cta-description{font-size:1.25rem;color:#fff9;line-height:1.7;margin-bottom:var(--spacing-lg)}.footer-email{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;color:var(--blue-light);text-decoration:none;font-weight:700;transition:gap .3s}.footer-email:hover{gap:var(--spacing-md);color:var(--blue-lighter)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-link{color:#ffffff80;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all .3s;font-size:1.125rem}.footer-link:hover{color:var(--blue-light);gap:var(--spacing-md)}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid rgba(59,130,246,.1);display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#ffffff4d}@media(max-width:1024px){.footer-content{grid-template-columns:1fr}}:root{--blue: #3b82f6;--blue-light: #60a5fa;--blue-lighter: #93c5fd;--blue-dark: #2563eb;--blue-darker: #1e40af;--blue-glow: rgba(59, 130, 246, .5);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 48px;--spacing-xl: 80px;--spacing-2xl: 120px;--spacing-3xl: 180px}*{margin:0;padding:0;box-sizing:border-box}body,html{background:#000;color:#fff;font-family:Inter,sans-serif;overflow-x:hidden;scroll-behavior:smooth;cursor:none}.grain-overlay{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9998}.custom-cursor{position:fixed;width:32px;height:32px;border:2px solid var(--blue);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:difference}.cursor-dot{position:fixed;width:6px;height:6px;background:var(--blue);border-radius:50%;pointer-events:none;z-index:10001;box-shadow:0 0 10px var(--blue-glow)}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue-light));z-index:9999;box-shadow:0 0 10px var(--blue-glow)}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.section{padding:var(--spacing-3xl) 0;position:relative}.section-header{margin-bottom:var(--spacing-2xl)}.section-label{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 28px;border:1px solid rgba(59,130,246,.4);background:#3b82f614;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--blue-light);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--spacing-md);border-radius:50px}.section-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--spacing-md)}.section-description{font-size:1.25rem;color:#fff9;line-height:1.7;max-width:750px}.draw-line{height:1px;background:linear-gradient(90deg,var(--blue),transparent);margin:var(--spacing-xl) 0;transform-origin:left;box-shadow:0 0 10px var(--blue-glow)}.interactive{cursor:pointer}@media(max-width:768px){:root{--spacing-lg: 24px;--spacing-xl: 48px;--spacing-2xl: 80px;--spacing-3xl: 120px}body{cursor:auto}.custom-cursor,.cursor-dot{display:none}}