:root{--color-bg: #0a0a0a;--color-bg-secondary: #111111;--color-text: #f5f5f5;--color-text-muted: #888888;--color-accent: #476EAE;--color-accent-light: #48B3AF;--color-gradient-1: #476EAE;--color-gradient-2: #48B3AF;--color-gradient-3: #A7E399;--color-gradient-4: #F6FF99;--font-display: "Orbitron", sans-serif;--font-body: "Inter", -apple-system, sans-serif;--font-primary: var(--font-display);--font-secondary: var(--font-body);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--spacing-2xl: 12rem;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1);--transition-spring: .6s cubic-bezier(.34, 1.56, .64, 1);--container-width: 1400px;--nav-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.work-item,.stat,.nav,.loader,#cosmic-container{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.hero-video-overlay,.hero-stats-bar,.hero-socials,.hero-scroll,.hero-corner-accent{will-change:transform,opacity}.hero-title,.section-title,.contact-title{font-kerning:none}.char,.hero-char,.title-char,.label-char,.stat-char,.work-title-char,.skills-title-char,.contact-char,.contact-eyebrow-char,.work-item-char{display:inline-block;will-change:transform,opacity;color:inherit}.subtitle-word,.intro-word,.desc-word,.title-word,.work-subtitle-word,.contact-subtitle-word{display:inline-block;will-change:transform,opacity,filter}.intro-line,.contact-line{display:block;will-change:transform,opacity,filter;overflow:hidden}.hero-title-word,.section-title,.contact-title{perspective:1000px}.hero-char,.title-char,.contact-char{transform-style:preserve-3d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{font-size:16px;scroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{font-family:var(--font-secondary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden;transition:background-color 1.5s cubic-bezier(.4,0,.2,1)}a{color:inherit;text-decoration:none}ul,li{list-style:none}img,video{max-width:100%;height:auto;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit}.cursor,.cursor-follower{display:none!important}#cursor-canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}#app{height:100%}#cosmic-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;filter:blur(6px);background:#0f051ad9}#cosmic-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#202c109c;pointer-events:none}#cosmic-container canvas{display:block;width:100%;height:100%}.lock-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/mac-wallpaper.jpg) center/cover no-repeat;z-index:10001;display:flex;align-items:center;justify-content:center}.lock-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#0006}.lock-screen-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.lock-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 4px #ffffff1a;transition:transform .2s ease}.lock-avatar img{width:100%;height:100%;object-fit:cover}.lock-username{font-size:22px;font-weight:500;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.lock-screen-content{cursor:pointer}.lock-login-btn{display:flex;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-login-btn svg{transition:transform .2s ease}.lock-screen-content:hover .lock-login-btn{background:#ffffff40;border-color:#ffffff4d}.lock-screen-content:hover .lock-login-btn svg{transform:translate(4px)}.lock-screen-content:active .lock-avatar{transform:scale(.95)}.lock-screen.unlocking{animation:lockScreenFadeOut .6s ease-out forwards}@keyframes lockScreenFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center}.loader-bar{width:200px;height:3px;background:#fff;transform:scaleX(0);transform-origin:left}nav.nav.loading{opacity:0!important;transform:translateY(-100%)!important}.hero-content.loading .hero-title-word,.hero-content.loading .hero-subtitle,.hero-content.loading .hero-eyebrow,.hero-content.loading .hero-cta{opacity:0!important;transform:translateY(60px)!important}.hero-scroll.loading{opacity:0!important}.hero-socials.loading{opacity:0!important;transform:translate(-30px)!important}@media (max-width: 768px){.loader-logo-text{font-size:clamp(1.5rem,8vw,2.5rem)}.loader-big-percent{font-size:clamp(10rem,35vw,20rem);-webkit-text-stroke:1px rgba(71,110,174,.06)}.loader-tagline{flex-direction:column;gap:6px;align-items:center}.loader-tagline-word{font-size:.7rem;letter-spacing:.15em}.loader-progress-section{width:200px}.loader-corner{width:40px;height:40px}.loader-corner-tl,.loader-corner-tr{top:20px}.loader-corner-bl,.loader-corner-br{bottom:20px}.loader-corner-tl,.loader-corner-bl{left:20px}.loader-corner-tr,.loader-corner-br{right:20px}.loader-center{gap:30px}}@media (max-width: 480px){.loader-big-percent{font-size:clamp(8rem,30vw,12rem)}.loader-progress-section{width:180px}.loader-corner{display:none}}.nav{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:100;mix-blend-mode:difference}.nav-logo-text{font-family:var(--font-primary);font-size:1.25rem;font-weight:700;letter-spacing:.05em}.nav-logo-text .accent{background:linear-gradient(135deg,var(--color-gradient-1),var(--color-gradient-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background 1.5s cubic-bezier(.4,0,.2,1)}.nav-menu{display:flex;gap:var(--spacing-lg)}.nav-link{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;position:relative;padding:var(--spacing-xs) 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-text);transition:width var(--transition-base)}.nav-link:hover:after{width:100%}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent);color:var(--color-text)}.btn-outline{border:1px solid rgba(255,255,255,.3);background:transparent}.btn-outline:hover{border-color:var(--color-accent);background:var(--color-accent)}.btn-large{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem}.btn-arrow{width:20px;height:20px;transition:transform var(--transition-base)}.btn:hover .btn-arrow{transform:translate(4px,-4px)}.liquid-button-container{display:inline-block;position:relative}.liquid-button-container canvas{display:block;cursor:pointer}.hero-cta .liquid-button-container{margin:-20px}.nav-cta .liquid-button-container{margin:-12px}.work-filters{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-bottom:var(--spacing-lg)}.work-filters .liquid-button-container.filter-liquid{margin:-12px}.section{position:relative;min-height:100vh;padding:var(--spacing-2xl) 0}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-lg)}.section-header{margin-bottom:var(--spacing-xl)}.section-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-accent);letter-spacing:.1em;margin-bottom:var(--spacing-sm);transition:color 1.5s cubic-bezier(.4,0,.2,1)}.section-title{font-family:var(--font-primary);font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--color-text)}.section-title .title-char{color:inherit}.section-hero{display:flex;align-items:flex-end;justify-content:flex-start;min-height:100vh;padding:0;overflow:hidden;position:relative;clip-path:inset(0)}.hero-video-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1}.hero-video{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0a0a0bd9,#0a0a0b1a 40%,#0a0a0b03 60%,#0a0a0b08),linear-gradient(to bottom,#0a0a0b66,#0a0a0b1a,#0a0a0b1a 60%,#0a0a0bf2)}.hero-video-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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.65' numOctaves='3' 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}.hero-content{position:relative;z-index:2;text-align:left;margin-bottom:5rem;margin-left:15rem;max-width:auto;max-height:70vh}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;font-weight:600;color:var(--color-accent);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--spacing-lg)}.hero-eyebrow:before{content:"";width:50px;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.hero-title-wrapper{overflow:hidden;margin-bottom:var(--spacing-sm);line-height:50px}.hero-title{font-family:var(--font-primary);font-size:6vw;font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}.hero-title-line{display:block;overflow:hidden}.hero-title-word{display:inline-block;color:var(--color-text)}.hero-title-word .hero-char{background:linear-gradient(135deg,var(--color-text) 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-title-line:nth-child(2) .hero-title-word{color:var(--color-gradient-1)}.hero-title-line:nth-child(2) .hero-title-word .hero-char{background:linear-gradient(135deg,var(--color-gradient-1) 0%,var(--color-gradient-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.hero-subtitle-wrapper{overflow:hidden;margin-bottom:var(--spacing-xl)}.hero-subtitle{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--color-text-muted);max-width:520px;line-height:1.8}.hero-cta{display:flex;align-items:center;gap:var(--spacing-md);margin-top:-4rem}.hero-cta .btn{background:#141419b3;padding:var(--spacing-md) var(--spacing-lg)}.hero-cta .btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.hero-corner-accent{position:absolute;bottom:calc(100px + var(--spacing-xl));right:var(--spacing-xl);width:100px;height:100px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);z-index:2;pointer-events:none}.hero-corner-accent:before{content:"";position:absolute;bottom:-5px;right:-5px;width:10px;height:10px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 20px var(--color-accent),0 0 40px var(--color-accent)}.hero-scroll{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);z-index:4}.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-text),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.hero-scroll-text{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted)}.hero-socials{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:2}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;transition:all var(--transition-base);background:#14141999}.social-link svg{width:18px;height:18px;transition:transform var(--transition-base)}.social-link:hover{border-color:var(--color-accent);background:var(--color-accent);transform:scale(1.1)}.social-link:hover svg{transform:scale(1.1)}.hero-stats-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:var(--spacing-2xl);padding:0 var(--spacing-xl);background:linear-gradient(to top,#0a0a0bfa,#0a0a0bd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.08);z-index:3}.hero-stat{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-md);position:relative}.hero-stat:not(:last-child):after{content:"";position:absolute;right:calc(-1 * var(--spacing-xl));top:50%;transform:translateY(-50%);width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1),transparent)}.hero-stat-number{font-family:var(--font-primary);font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;line-height:1.4}.section-about{background:transparent;position:relative;overflow:hidden}.about-content{display:flex;gap:var(--spacing-1xl);align-items:center;position:relative;z-index:1}.about-left{flex:0 0 40%;display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-text{flex:1;padding-left:var(--spacing-xl)}.about-intro{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:300;line-height:1.35;margin-bottom:var(--spacing-lg);letter-spacing:-.02em}.about-intro .highlight{background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;transition:background 1.5s cubic-bezier(.4,0,.2,1)}.about-description{font-size:1.1rem;color:var(--color-text-muted);line-height:1.9}.about-stats{display:flex;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md)}.stat{flex:1;position:relative;padding:var(--spacing-md) var(--spacing-sm);text-align:center;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:default}.stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#476eae1a,#48b3af0d);border-radius:10px;opacity:0;transition:opacity .5s ease}.stat:hover:before{opacity:1}.stat:hover{transform:scale(1.05)}.stat-number{display:block;font-family:var(--font-primary);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1;margin-bottom:var(--spacing-xs);position:relative;background:linear-gradient(135deg,#fff,#fff9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-number:after{content:"+";font-size:.5em;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;vertical-align:super}.stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.15em;font-weight:500;position:relative}.about-image{position:relative;width:100%}.about-image-wrapper{position:relative;aspect-ratio:4/5;max-width:350px}.about-photo{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.about-image-border{position:absolute;top:30px;left:30px;width:100%;height:100%;border:2px solid rgba(71,110,174,.4);border-radius:10px;z-index:-1;transition:all var(--transition-base)}.about-image-wrapper:hover .about-image-border{top:20px;left:20px;border-color:var(--color-accent)}.about-float-element{position:absolute;width:60px;height:60px;border-radius:10px;background:#476eae1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(71,110,174,.2);animation:float 6s ease-in-out infinite}.about-float-element:nth-child(1){top:-20px;right:-20px;animation-delay:0s}.about-float-element:nth-child(2){bottom:20%;left:-30px;width:40px;height:40px;border-radius:12px;animation-delay:-2s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}.section-work{min-height:auto;padding:var(--spacing-2xl) 0;position:relative;overflow:visible}.section-work .section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-top:var(--spacing-sm);max-width:600px;line-height:1.7;margin-left:auto;margin-right:auto}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.work-item{position:relative;border-radius:10px;background:transparent;transition:all .6s cubic-bezier(.4,0,.2,1);grid-column:span 1}.work-item{--glow-color: var(--color-accent)}.work-item:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--glow-color),var(--color-gradient-2),var(--color-gradient-3));border-radius:12px;opacity:0;transition:opacity .5s ease,background 1.5s ease;z-index:-1;filter:blur(8px)}.work-item:hover:before{opacity:.6}.work-item:hover{transform:translateY(-15px) scale(1.02)}.work-item-large{grid-column:span 2}.work-item-featured{grid-column:span 3}.work-link{display:block;height:100%;background:#0c0c0ff2;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;position:relative;transition:border-color .4s ease}.work-item:hover .work-link{border-color:#476eae66}.work-image{position:relative;aspect-ratio:16/10;overflow:hidden}.work-item-large .work-image{aspect-ratio:21/10}.work-item-featured .work-image{aspect-ratio:3/1}.work-image-inner{width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.work-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);position:relative;overflow:hidden}.work-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,var(--work-glow-1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--work-glow-2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--work-glow-3) 0%,transparent 70%);opacity:.35;animation:meshPulse 6s ease-in-out infinite alternate;transition:background 1.5s ease}@keyframes meshPulse{0%{transform:scale(1) rotate(0);opacity:.8}to{transform:scale(1.1) rotate(3deg);opacity:1}}.work-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 55%,transparent 60%);animation:shimmerSlide 4s ease-in-out infinite}@keyframes shimmerSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.work-icon{width:64px;height:64px;opacity:.95;position:relative;z-index:2;filter:drop-shadow(0 8px 25px rgba(0,0,0,.5));transition:all .5s cubic-bezier(.4,0,.2,1)}.work-item:hover .work-icon{transform:scale(1.15) rotate(8deg);filter:drop-shadow(0 12px 35px rgba(71,110,174,.4))}.work-icon svg{width:100%;height:100%}.work-label{font-family:var(--font-primary);font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:2;text-shadow:0 4px 20px rgba(0,0,0,.6)}.work-placeholder{--work-glow-1: #476EAE;--work-glow-2: #48B3AF;--work-glow-3: #A7E399}.work-gradient-1,.work-gradient-2,.work-gradient-3,.work-gradient-4,.work-gradient-5,.work-gradient-6,.work-gradient-7,.work-gradient-8,.work-gradient-9,.work-gradient-10{background:linear-gradient(135deg,#0a0a0a,#151515);position:relative}.work-gradient-1:after,.work-gradient-2:after,.work-gradient-3:after,.work-gradient-4:after,.work-gradient-5:after,.work-gradient-6:after,.work-gradient-7:after,.work-gradient-8:after,.work-gradient-9:after,.work-gradient-10:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15;transition:background 1.5s ease,opacity .5s ease;pointer-events:none}.work-gradient-1:after{background:linear-gradient(135deg,var(--work-glow-1),transparent 70%)}.work-gradient-2:after{background:linear-gradient(225deg,var(--work-glow-2),transparent 70%)}.work-gradient-3:after{background:linear-gradient(180deg,var(--work-glow-3),transparent 70%)}.work-gradient-4:after{background:linear-gradient(315deg,var(--work-glow-1),transparent 70%)}.work-gradient-5:after{background:linear-gradient(45deg,var(--work-glow-2),transparent 70%)}.work-gradient-6:after{background:linear-gradient(90deg,var(--work-glow-3),transparent 70%)}.work-gradient-7:after{background:linear-gradient(270deg,var(--work-glow-1),transparent 70%)}.work-gradient-8:after{background:linear-gradient(135deg,var(--work-glow-2),transparent 70%)}.work-gradient-9:after{background:linear-gradient(225deg,var(--work-glow-3),transparent 70%)}.work-gradient-10:after{background:linear-gradient(0deg,var(--work-glow-1),transparent 70%)}.work-item:hover .work-gradient-1:after,.work-item:hover .work-gradient-2:after,.work-item:hover .work-gradient-3:after,.work-item:hover .work-gradient-4:after,.work-item:hover .work-gradient-5:after,.work-item:hover .work-gradient-6:after,.work-item:hover .work-gradient-7:after,.work-item:hover .work-gradient-8:after,.work-item:hover .work-gradient-9:after,.work-item:hover .work-gradient-10:after{opacity:.3}.work-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,8,12,.98) 0%,rgba(8,8,12,.85) 30%,rgba(8,8,12,.5) 60%,transparent 100%);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.work-view{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:1rem 2.5rem;border:none;border-radius:8px;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));color:var(--color-text);transform:translateY(30px) scale(.9);transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 15px 40px #476eae80}.work-item:hover .work-image-inner{transform:scale(1.12)}.work-item:hover .work-overlay{opacity:1}.work-item:hover .work-view{transform:translateY(0) scale(1)}.work-view:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 20px 50px #476eaeb3}.work-info{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;position:relative}.work-info:before{content:"";position:absolute;top:0;left:var(--spacing-md);right:var(--spacing-md);height:1px;background:linear-gradient(90deg,transparent,rgba(71,110,174,.4),transparent)}.work-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--spacing-sm)}.work-tag{font-size:.6rem;font-weight:700;color:#ffffffe6;background:linear-gradient(135deg,#476eae40,#48b3af26);padding:.4rem .8rem;border-radius:8px;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(71,110,174,.2);transition:all .3s ease}.work-tag:hover{background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));border-color:transparent;transform:translateY(-2px)}.work-title{font-family:var(--font-primary);font-size:1.4rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-description{font-size:.85rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:var(--spacing-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-item-featured .work-description,.work-item-large .work-description{-webkit-line-clamp:3}.work-category{font-size:.65rem;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.15em;font-weight:700;margin-top:auto;padding-top:var(--spacing-sm)}.carousel-3d{position:relative;width:100%;height:550px;perspective:1200px;margin-bottom:var(--spacing-xl)}.carousel-3d-scene{position:relative;width:100%;height:100%;transform-style:preserve-3d}.carousel-3d-card{position:absolute;width:400px;height:480px;left:50%;top:50%;transform:translate(-50%) translateY(-50%);border-radius:12px;background:#0c0c0ff2;border:1px solid rgba(255,255,255,.1);overflow:hidden;cursor:pointer;transition:all .6s cubic-bezier(.4,0,.2,1);backface-visibility:hidden}.carousel-3d-card.active{z-index:10;transform:translate(-50%) translateY(-50%) translateZ(100px) scale(1);box-shadow:0 30px 80px #00000080,0 0 40px #476eae26;border-color:#476eae4d}.carousel-3d-card.prev{z-index:5;transform:translate(calc(-50% - 380px)) translateY(-50%) translateZ(-100px) rotateY(25deg) scale(.85);opacity:.6;filter:blur(2px)}.carousel-3d-card.next{z-index:5;transform:translate(calc(-50% + 380px)) translateY(-50%) translateZ(-100px) rotateY(-25deg) scale(.85);opacity:.6;filter:blur(2px)}.carousel-3d-card.far-prev{z-index:1;transform:translate(calc(-50% - 600px)) translateY(-50%) translateZ(-250px) rotateY(40deg) scale(.65);opacity:.25;filter:blur(4px);pointer-events:none}.carousel-3d-card.far-next{z-index:1;transform:translate(calc(-50% + 600px)) translateY(-50%) translateZ(-250px) rotateY(-40deg) scale(.65);opacity:.25;filter:blur(4px);pointer-events:none}.carousel-3d-card.hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-50%) translateZ(-400px) scale(.4)}.carousel-3d-card:hover:not(.active){opacity:.8;filter:blur(1px)}.carousel-card-inner{width:100%;height:100%;display:flex;flex-direction:column}.carousel-card-image{position:relative;height:220px;overflow:hidden}.carousel-card-image .work-placeholder{width:100%;height:100%}.carousel-card-image .work-icon{width:72px;height:72px}.carousel-card-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.carousel-card-content .work-tags{margin-bottom:var(--spacing-sm)}.carousel-card-content .work-title{font-size:1.3rem;margin-bottom:.75rem}.carousel-card-content .work-description{font-size:.85rem;line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carousel-card-content .work-category{margin-top:auto;padding-top:var(--spacing-sm)}.carousel-3d-prev,.carousel-3d-next{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:var(--color-text);cursor:pointer;z-index:20;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.carousel-3d-prev{left:5%}.carousel-3d-next{right:5%}.carousel-3d-prev:hover,.carousel-3d-next:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-50%) scale(1.1);box-shadow:0 10px 30px #476eae4d}.carousel-3d-prev svg,.carousel-3d-next svg{width:24px;height:24px}.carousel-3d-dots{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:20}.carousel-3d-dot{width:10px;height:10px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all .3s ease}.carousel-3d-dot.active{background:var(--color-accent);transform:scale(1.3);box-shadow:0 0 15px #476eae80}.carousel-3d-dot:hover:not(.active){background:#fff6}.work-cta{text-align:center;margin-top:var(--spacing-2xl)}.work-cta .btn{display:inline-flex;gap:var(--spacing-sm)}.projects-page{padding-top:calc(var(--nav-height) + var(--spacing-xl));min-height:100vh}.section-projects-page{padding-top:var(--spacing-lg)}.section-projects-page .section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-projects-page .section-title{font-size:clamp(3rem,10vw,7rem)}.nav-projects{background:#0a0a0be6!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;mix-blend-mode:normal!important}.nav-back .btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8rem}.nav-back .btn svg{width:16px;height:16px}.section-projects{background:transparent;position:relative;padding-top:var(--spacing-xl)}.section-projects .section-header{text-align:center;margin-bottom:var(--spacing-xl)}.projects-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:var(--spacing-xl)}.filter-btn{padding:.75rem 1.5rem;font-size:.8rem;font-weight:600;color:var(--color-text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.08em}.filter-btn:hover{color:var(--color-text);border-color:#476eae80;background:#476eae1a}.filter-btn.active{color:#0a0a0a;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));border-color:transparent;box-shadow:0 5px 20px #476eae4d}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.project-item{position:relative;border-radius:12px;overflow:hidden;background:#0c0c0fe6;border:1px solid rgba(255,255,255,.06);transition:border-color .3s ease}.project-item:hover{border-color:#476eae66}.project-item.filtered-out{display:none}.project-link{display:flex;flex-direction:column;height:100%}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#141419cc}.project-image .work-placeholder{width:100%;height:100%}.project-image .work-placeholder:before,.project-image .work-placeholder:after{animation:none}.project-image .work-icon{width:40px;height:40px;opacity:.7}.project-image .work-label{display:none}.project-info{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.project-tag{font-size:.55rem;font-weight:700;color:#fffc;background:#476eae26;padding:.3rem .6rem;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}.project-title{font-family:var(--font-primary);font-size:1rem;font-weight:700;margin-bottom:.4rem;line-height:1.3;background:linear-gradient(135deg,#fff,#ffffffd9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{font-size:.75rem;color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scroll-progress{position:fixed;top:50%;right:20px;transform:translateY(-50%);width:2px;height:60px;z-index:9999;pointer-events:none;background:#ffffff14;border-radius:2px;opacity:0;transition:opacity .3s ease}.scroll-progress.visible{opacity:1}.scroll-progress-bar{width:100%;height:100%;background:linear-gradient(180deg,var(--color-accent),var(--color-gradient-2));border-radius:2px;transform-origin:top;transform:scaleY(0);opacity:.6;transition:background 1s ease,box-shadow .15s ease,opacity .15s ease}@media (max-width: 1400px){.carousel-3d-card{width:350px;height:440px}.carousel-3d-card.prev{transform:translate(calc(-50% - 320px)) translateY(-50%) translateZ(-100px) rotateY(25deg) scale(.85)}.carousel-3d-card.next{transform:translate(calc(-50% + 320px)) translateY(-50%) translateZ(-100px) rotateY(-25deg) scale(.85)}.carousel-3d-card.far-prev,.carousel-3d-card.far-next{display:none}}@media (max-width: 1200px){.carousel-3d{height:500px}.carousel-3d-card{width:320px;height:420px}.carousel-3d-card.prev{transform:translate(calc(-50% - 280px)) translateY(-50%) translateZ(-80px) rotateY(20deg) scale(.8)}.carousel-3d-card.next{transform:translate(calc(-50% + 280px)) translateY(-50%) translateZ(-80px) rotateY(-20deg) scale(.8)}.projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.carousel-3d{height:480px}.carousel-3d-card{width:300px;height:400px}.carousel-3d-card.prev,.carousel-3d-card.next{opacity:.4;transform:translate(calc(-50% - 200px)) translateY(-50%) translateZ(-60px) rotateY(15deg) scale(.75)}.carousel-3d-card.next{transform:translate(calc(-50% + 200px)) translateY(-50%) translateZ(-60px) rotateY(-15deg) scale(.75)}.carousel-3d-prev{left:2%}.carousel-3d-next{right:2%}.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.carousel-3d{height:450px;perspective:800px}.carousel-3d-card{width:280px;height:380px}.carousel-3d-card.active{transform:translate(-50%) translateY(-50%) translateZ(50px) scale(1)}.carousel-3d-card.prev,.carousel-3d-card.next{opacity:.3;transform:translate(calc(-50% - 140px)) translateY(-50%) translateZ(-40px) rotateY(10deg) scale(.7)}.carousel-3d-card.next{transform:translate(calc(-50% + 140px)) translateY(-50%) translateZ(-40px) rotateY(-10deg) scale(.7)}.carousel-3d-prev,.carousel-3d-next{width:44px;height:44px}.carousel-3d-prev svg,.carousel-3d-next svg{width:20px;height:20px}.carousel-card-image{height:180px}.carousel-card-content{padding:var(--spacing-md)}.carousel-card-content .work-title{font-size:1.1rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.projects-filters{gap:.5rem}.filter-btn{padding:.6rem 1rem;font-size:.7rem}}@media (max-width: 580px){.carousel-3d{height:420px}.carousel-3d-card{width:260px;height:360px}.carousel-3d-card.prev,.carousel-3d-card.next{display:none}.carousel-3d-prev{left:5px}.carousel-3d-next{right:5px}.projects-grid{grid-template-columns:1fr}.project-item{max-width:400px;margin:0 auto;width:100%}}.section-skills{background:transparent;position:relative;overflow:hidden}.section-skills .section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.skills-content{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.skills-category{position:relative;padding:var(--spacing-lg) 0;border-bottom:1px solid rgba(255,255,255,.06)}.skills-category:last-child{border-bottom:none}.skills-category-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skills-category-icon{width:56px;height:56px;background:linear-gradient(135deg,#476eae26,#48b3af1a);border:1px solid rgba(71,110,174,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.skills-category:hover .skills-category-icon{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));border-color:transparent;transform:rotate(5deg) scale(1.05)}.skills-category-icon svg{width:28px;height:28px;color:var(--color-accent);transition:color .4s ease}.skills-category:hover .skills-category-icon svg{color:#0a0a0a}.skills-category-title{font-family:var(--font-primary);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--color-text);letter-spacing:-.02em}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none}.skill-item{padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.skill-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));opacity:0;transition:opacity .4s ease}.skill-item span{position:relative;z-index:1}.skill-item:hover{color:#0a0a0a;border-color:transparent;transform:translateY(-3px);box-shadow:0 10px 30px #476eae4d}.skill-item:hover:before{opacity:1}.skill-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.skill-item:hover:after{transform:scaleX(1)}.marquee{overflow:hidden;padding:var(--spacing-xl) 0;background:linear-gradient(90deg,#476eae08,#48b3af08,#a7e39908);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);position:relative}.marquee:before,.marquee:after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}.marquee:before{left:0;background:linear-gradient(to right,rgba(10,10,11,.9),transparent)}.marquee:after{right:0;background:linear-gradient(to left,rgba(10,10,11,.9),transparent)}.marquee-inner{display:flex;gap:var(--spacing-xl);animation:marquee 25s linear infinite;width:max-content}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-text{font-family:var(--font-primary);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.15);transition:all var(--transition-base)}.marquee-text:hover{-webkit-text-stroke-color:var(--color-accent)}.marquee-separator{font-size:clamp(2.5rem,6vw,5rem);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-contact{display:flex;align-items:center;background:transparent;position:relative;overflow:hidden;min-height:100vh;clip-path:inset(0)}.section-contact .container{position:relative;z-index:2}.contact-video-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1}.contact-video{width:100%;height:100%;object-fit:cover;object-position:center top}.contact-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0a0a0be6,#0a0a0bb3 40%,#0a0a0b80 60%,#0a0a0b99),linear-gradient(to bottom,#0a0a0bcc,#0a0a0b66,#0a0a0b66 60%,#0a0a0bf2)}.contact-video-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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.65' numOctaves='3' 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}.section-contact:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.contact-content{text-align:center;max-width:1000px;margin:0 auto;position:relative;z-index:1}.contact-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem;font-weight:600;color:var(--color-accent);letter-spacing:.25em;text-transform:uppercase;margin-bottom:var(--spacing-lg)}.contact-eyebrow:before,.contact-eyebrow:after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent))}.contact-eyebrow:after{background:linear-gradient(90deg,var(--color-accent),transparent)}.contact-title{font-family:var(--font-primary);font-size:60px;font-weight:800;line-height:.95;letter-spacing:-.04em;margin-bottom:var(--spacing-lg);color:var(--color-text)}.contact-title .contact-char{background:linear-gradient(135deg,var(--color-text) 0%,rgba(255,255,255,.7) 50%,var(--color-text) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.contact-subtitle{font-size:1.2rem;color:var(--color-text-muted);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.8}.contact-cta{margin-bottom:var(--spacing-2xl)}.contact-email{display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-2xl);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(71,110,174,.5);border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-email:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));opacity:0;transition:opacity var(--transition-base)}.contact-email-text{font-family:var(--font-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;position:relative;z-index:1}.contact-email-arrow{width:28px;height:28px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.contact-email:hover{border-color:var(--color-accent);transform:scale(1.02);box-shadow:0 20px 40px #476eae33}.contact-email:hover:before{opacity:1}.contact-email:hover .contact-email-arrow{transform:translate(8px,-8px)}.contact-methods{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);flex-wrap:wrap}.contact-method{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;min-width:160px;transition:all var(--transition-base)}.contact-method:hover{background:#ffffff0d;border-color:#476eae4d;transform:translateY(-5px)}.contact-method-icon{width:40px;height:40px;color:var(--color-accent)}.contact-method-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.contact-method-value{font-size:.95rem;font-weight:500;color:var(--color-text)}.contact-footer{padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,.06)}.contact-socials{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.contact-social-link{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:50%;color:var(--color-text-muted);transition:all var(--transition-base)}.contact-social-link svg{width:20px;height:20px}.contact-social-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text);transform:translateY(-3px)}.contact-copyright{font-size:.8rem;color:var(--color-text-muted);letter-spacing:.05em}.contact-copyright span{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}@media (max-width: 1024px){.nav-menu{display:none}.about-content{flex-direction:column-reverse;gap:var(--spacing-xl)}.about-left{flex:1;width:100%}.about-text{padding-left:0}.about-image-wrapper{max-width:350px;margin:0 auto}.about-stats{justify-content:center}.skills-content{gap:var(--spacing-lg)}.skills-category-title{font-size:1.5rem}.skill-item{padding:.6rem 1.2rem;font-size:.85rem}.hero-socials{display:none}.hero-content{max-width:100%;padding:var(--spacing-xl) var(--spacing-lg) calc(var(--spacing-2xl) + 80px);margin-bottom:0}.hero-stats-bar{gap:var(--spacing-lg)}.hero-corner-accent{display:none}.hero-video-overlay{background:linear-gradient(to right,#0a0a0be6,#0a0a0b99,#0a0a0b66),linear-gradient(to bottom,#0a0a0b80,#0a0a0b33,#0a0a0b4d 60%,#0a0a0bf2)}.contact-title{font-size:clamp(2.5rem,10vw,6rem)}}@media (max-width: 768px){:root{--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 6rem}.work-grid{grid-template-columns:1fr}.work-item-large{grid-column:span 1}.about-stats{flex-direction:column;gap:var(--spacing-md)}.about-stats{flex-wrap:wrap}.stat{flex:0 0 30%;padding:var(--spacing-sm)}.stat-number{font-size:1.8rem}.stat-label{font-size:.6rem}.skills-content{gap:var(--spacing-md)}.skills-category-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.skills-category-icon{width:48px;height:48px}.skills-category-title{font-size:1.25rem}.skill-item{padding:.5rem 1rem;font-size:.8rem}.section-contact{min-height:auto;padding:var(--spacing-xl) 0;clip-path:inset(0)}.contact-video-container{position:fixed;height:100vh;background-image:url(/placeholder.png);background-size:cover;background-position:70% center}.contact-video{object-position:70% center}.contact-content{padding:0 var(--spacing-sm)}.contact-eyebrow{font-size:.65rem;margin-bottom:var(--spacing-md)}.contact-eyebrow:before,.contact-eyebrow:after{width:20px}.contact-title{font-size:clamp(2rem,10vw,4rem);margin-bottom:var(--spacing-md);line-height:1}.contact-subtitle{font-size:.9rem;margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);line-height:1.6}.contact-cta{margin-bottom:var(--spacing-lg)}.contact-email{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);width:90%;max-width:320px;justify-content:center}.contact-email-text{font-size:1rem}.contact-email-arrow{width:20px;height:20px}.contact-methods{flex-direction:column;gap:var(--spacing-sm);align-items:center}.contact-method{width:90%;max-width:280px;padding:var(--spacing-md)}.contact-footer{padding-top:var(--spacing-lg)}.contact-socials{gap:var(--spacing-sm)}.contact-social-link{width:44px;height:44px}.contact-copyright{font-size:.7rem;padding:0 var(--spacing-sm)}.cursor,.cursor-follower{display:none}body{cursor:auto}a,button{cursor:pointer}.section-hero{align-items:flex-end;justify-content:flex-start;clip-path:inset(0)}.hero-video-container{background-image:url(/placeholder.png);background-size:cover;background-position:70% center;background-repeat:no-repeat;position:fixed;height:100vh}.hero-video{object-position:70% center}.hero-content{text-align:left;margin-left:var(--spacing-md);margin-right:0;padding:var(--spacing-md) var(--spacing-md) calc(var(--spacing-lg) + 100px);max-width:65%}.hero-eyebrow{justify-content:flex-start;font-size:.65rem}.hero-eyebrow:before{width:25px}.hero-title{font-size:clamp(1.8rem,7vw,2.5rem)}.hero-subtitle{font-size:.85rem;max-width:100%}.hero-cta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.hero-cta .btn{width:auto;max-width:200px;justify-content:center;padding:.75rem 1.25rem;font-size:.75rem}.hero-stats-bar{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.hero-stat{flex:1;min-width:70px;flex-direction:column;text-align:center;gap:.25rem}.hero-stat-number{font-size:1.25rem}.hero-stat-label{font-size:.6rem}.hero-stat-label br{display:none}.hero-scroll{bottom:0;left:50%;transform:translate(-50%)}.hero-video-overlay{background:linear-gradient(to right,#0a0a0bf2,#0a0a0bcc 35%,#0a0a0b4d 55%,#0a0a0b00 70%,#0a0a0b00),linear-gradient(to top,rgba(10,10,11,.9) 0%,rgba(10,10,11,.2) 25%,transparent 50%)}.hero-socials,.hero-corner-accent{display:none}}[data-animation=fade]{opacity:0;transform:translateY(40px)}[data-animation=scale]{opacity:0;transform:scale(.9)}@media (max-width: 768px){.work-placeholder:before,.work-placeholder:after{animation:none}.work-item:hover{transform:none}.work-item:active{transform:scale(.98)}#cosmic-container:after{-webkit-backdrop-filter:none;backdrop-filter:none}.stat:hover{transform:none}}@media (max-width: 480px){.hero-video-container{background-position:65% center}.hero-video{object-position:65% center}.hero-content{max-width:55%;padding:var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-md) + 100px)}.hero-title{font-size:clamp(1.75rem,10vw,2.5rem)}.hero-subtitle{font-size:.85rem}.hero-eyebrow{font-size:.65rem}.hero-cta .btn{max-width:100%;padding:.75rem 1.25rem;font-size:.8rem}.hero-stats-bar{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.hero-stat{min-width:60px}.hero-stat-number{font-size:1rem}.hero-stat-label{font-size:.55rem}.contact-title{font-size:clamp(1.75rem,9vw,3rem)}.contact-subtitle{font-size:.85rem}.contact-email{padding:var(--spacing-sm) var(--spacing-md);width:95%}.contact-email-text{font-size:.9rem}.contact-method{width:95%;padding:var(--spacing-sm)}.contact-social-link{width:40px;height:40px}}.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:var(--spacing-md)}.project-modal.active{display:flex}.modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-container{position:relative;width:100%;max-width:700px;max-height:85vh;background:linear-gradient(145deg,#141416fa,#0f0f11fa);border:1px solid rgba(71,110,174,.2);border-radius:12px;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 60px #476eae1a}.modal-close{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:10}.modal-close:hover{background:#476eae33;border-color:var(--color-accent);transform:rotate(90deg)}.modal-close svg{width:20px;height:20px;color:var(--color-text-muted);transition:var(--transition-fast)}.modal-close:hover svg{color:var(--color-accent)}.modal-content{padding:2.5rem;overflow-y:auto;max-height:85vh}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff05}.modal-content::-webkit-scrollbar-thumb{background:#476eae4d;border-radius:3px}.modal-header{margin-bottom:1.5rem}.modal-category{display:inline-block;padding:.35rem .9rem;background:linear-gradient(135deg,#476eae26,#476eae0d);border:1px solid rgba(71,110,174,.3);border-radius:12px;font-family:var(--font-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem}.modal-title{font-family:var(--font-primary);font-size:2rem;font-weight:600;color:var(--color-text);line-height:1.2}.modal-description{font-family:var(--font-secondary);font-size:1rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem}.modal-section{margin-bottom:1.75rem}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-family:var(--font-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:1rem}.modal-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.modal-tech-tag{display:inline-block;padding:.4rem .8rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:var(--font-secondary);font-size:.8rem;color:var(--color-text);transition:var(--transition-fast)}.modal-tech-tag:hover{background:#476eae1a;border-color:#476eae4d;color:var(--color-accent)}.modal-features{list-style:none;padding:0;margin:0}.modal-features li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;font-family:var(--font-secondary);font-size:.9rem;color:var(--color-text-muted);line-height:1.5}.modal-features li:last-child{margin-bottom:0}.modal-features li:before{content:"";position:absolute;left:0;top:.55rem;width:6px;height:6px;background:var(--color-accent);border-radius:50%}@media (max-width: 768px){.project-modal{padding:var(--spacing-sm)}.modal-container{max-height:90vh;border-radius:16px}.modal-content{padding:1.5rem;max-height:90vh}.modal-title{font-size:1.5rem;padding-right:2.5rem}.modal-description{font-size:.9rem}.modal-close{top:1rem;right:1rem;width:36px;height:36px}}@media (max-width: 480px){.modal-content{padding:1.25rem}.modal-title{font-size:1.3rem}.modal-tech-tag{font-size:.75rem;padding:.3rem .6rem}.modal-features li{font-size:.85rem}}.macos-body{overflow:hidden;cursor:default;-webkit-user-select:none;user-select:none;background:url(/mac.jpg) center/cover no-repeat fixed;background-color:#1e1e2e;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.macos-body #cosmic-container{display:none}.sticky-note{position:absolute;width:200px;min-height:120px;background:linear-gradient(180deg,#fdfd96,#fffacd);border-radius:2px;box-shadow:0 8px 24px #00000040,0 2px 4px #0000001a,inset 0 1px #ffffff80;z-index:100;cursor:move;font-size:13px;color:#5c4813;overflow:hidden}.sticky-note.sticky-pink{background:linear-gradient(180deg,#ffb6c1,pink);color:#8b2252}.sticky-note.sticky-blue{background:linear-gradient(180deg,#87ceeb,#b0e0e6);color:#1a5276}.sticky-note.sticky-green{background:linear-gradient(180deg,#90ee90,#98fb98);color:#1e5631}.sticky-header{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#0000000d;border-bottom:1px solid rgba(0,0,0,.08)}.sticky-date{font-size:10px;font-weight:600;opacity:.7}.sticky-close{width:14px;height:14px;border:none;background:#00000026;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.sticky-note:hover .sticky-close{opacity:1}.sticky-close:hover{background:#00000040}.sticky-content{padding:10px;min-height:80px;outline:none;line-height:1.5}.sticky-content:focus{background:#fff3}.widgets-panel{position:fixed;right:16px;top:44px;bottom:80px;width:320px;display:flex;flex-direction:column;gap:12px;padding:12px 0;overflow-y:auto;z-index:50;scrollbar-width:none}.widgets-panel::-webkit-scrollbar{display:none}.widget{background:#1e1e1eb8;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:20px;padding:16px;color:#fff;box-shadow:0 4px 24px #0003,inset 0 0 0 .5px #ffffff1a}.widget-clock{text-align:center;padding:24px 16px}.widget-time{font-size:56px;font-weight:200;letter-spacing:-2px;line-height:1;margin-bottom:4px}.widget-date{font-size:18px;font-weight:500;opacity:.9;margin-bottom:4px}.widget-location{font-size:12px;opacity:.5}.widget-calendar{padding:16px}.calendar-header{margin-bottom:12px}.calendar-month{font-size:15px;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.calendar-day-name{font-size:10px;font-weight:600;color:#fff6;padding:4px 0}.calendar-days{display:contents}.calendar-day{font-size:13px;padding:6px 4px;border-radius:50%;cursor:default}.calendar-day.today{background:#0a84ff;font-weight:600}.calendar-day.other-month{opacity:.3}.widget-weather{display:flex;gap:16px;align-items:center;padding:20px}.weather-main{display:flex;flex-direction:column;align-items:center;gap:8px}.weather-icon{width:48px;height:48px;color:#ffd60a}.weather-icon svg{width:100%;height:100%}.weather-temp{font-size:42px;font-weight:200;line-height:1}.weather-details{flex:1}.weather-condition{font-size:16px;font-weight:600;margin-bottom:2px}.weather-location{font-size:13px;opacity:.6;margin-bottom:4px}.weather-range{font-size:13px;opacity:.8}.widget-battery{display:flex;align-items:center;gap:16px;padding:20px}.battery-icon{display:flex;align-items:center;gap:2px}.battery-body{width:48px;height:22px;border:2px solid rgba(255,255,255,.8);border-radius:4px;padding:2px;position:relative}.battery-level{height:100%;background:#30d158;border-radius:2px;transition:width .3s}.battery-tip{width:3px;height:10px;background:#fffc;border-radius:0 2px 2px 0}.battery-info{flex:1}.battery-percent{font-size:28px;font-weight:300;line-height:1}.battery-status{font-size:13px;opacity:.6}.safari-window{background:#1e1e1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.safari-fullscreen{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;border-radius:0!important;z-index:99999!important;display:flex;flex-direction:column}.safari-fullscreen .window-titlebar{border-radius:0;flex-shrink:0}.safari-fullscreen .safari-toolbar{flex-shrink:0}.safari-fullscreen .safari-content{flex:1;min-height:0}.safari-toolbar{display:flex;align-items:center;gap:8px;padding:2px 12px 8px 0;background:#323232e6;border-bottom:1px solid rgba(255,255,255,.1)}.safari-nav-btn{width:28px;height:28px;border:none;background:transparent;color:#fff9;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}.safari-nav-btn:hover{background:#ffffff1a;color:#fff}.safari-nav-btn:disabled{opacity:.3;cursor:default}.safari-url-bar{flex:1;display:flex;align-items:center;text-align:center;gap:8px;background:#0000004d;border-radius:8px;padding:6px 12px}.safari-url-bar svg{width:14px;height:14px;color:#fff6}.safari-url-input{flex:1;background:none;border:none;color:#fff;font-size:13px;outline:none}.safari-url-input::placeholder{color:#fff6}.safari-content{flex:1;background:#fff;overflow:hidden}.safari-content iframe{width:100%;height:100%;border:none}.macos-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.loader-apple{width:80px;height:80px;opacity:0}.loader-apple svg{width:100%;height:100%;fill:#fff}.loader-progress-container{width:200px;height:4px;background:#ffffff26;border-radius:2px;overflow:hidden;opacity:0}.loader-progress-bar{width:0%;height:100%;background:#fff;border-radius:2px;transition:width .1s ease-out}.loader-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:13px;color:#ffffff80;opacity:0;letter-spacing:.5px}.loader-ripple{position:absolute;width:120px;height:120px;border:2px solid rgba(255,255,255,.3);border-radius:50%;opacity:0;transform:scale(0)}.macos-desktop.loading{opacity:0}.macos-menubar.loading{transform:translateY(-100%)}.macos-dock.loading{transform:translate(-50%) translateY(120px)}.desktop-icon.loading{opacity:0;transform:scale(.5) translateY(30px)}.folder-icon:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(ellipse at center,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:20px}.desktop-icon:hover .folder-icon:after{opacity:1}.macos-menubar{position:fixed;top:0;left:0;right:0;height:28px;background:#1e1e1ed9;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);display:flex;justify-content:space-between;align-items:center;padding:0 12px;z-index:10000;border-bottom:1px solid rgba(255,255,255,.08);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif}.menubar-left{display:flex;align-items:center;gap:18px}.menubar-apple{display:flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:4px;cursor:pointer;transition:background .15s ease}.menubar-apple:hover{background:#ffffff1a}.menubar-apple svg{width:14px;height:14px;fill:#fff}.menubar-app-name{font-size:13px;font-weight:600;color:#fff}.menubar-item{font-size:13px;font-weight:400;color:#ffffffe6;padding:2px 10px;border-radius:4px;cursor:pointer;transition:background .15s ease}.menubar-item:hover{background:#ffffff1a}.menubar-right{display:flex;align-items:center;gap:8px}.menubar-icon{display:flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:4px;cursor:pointer;color:#fff;transition:background .15s ease}.menubar-icon:hover{background:#ffffff1a}.menubar-time{font-size:13px;font-weight:500;color:#fff;padding-left:8px}.macos-desktop{position:fixed;top:28px;left:0;right:0;bottom:0;overflow:hidden}.desktop-icons{position:absolute;top:40px;left:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:140px}.desktop-icon:hover{background:#ffffff14;transform:scale(1.05)}.desktop-icon.selected{background:#007aff66}.desktop-icon:active{transform:scale(.95)}.folder-icon{width:80px;height:80px;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.folder-icon svg{width:100%;height:100%}.desktop-icon:hover .folder-icon{transform:translateY(-8px) scale(1.08)}.folder-badge{position:absolute;top:-4px;right:-4px;min-width:24px;height:24px;background:linear-gradient(135deg,#ff3b30,#ff2d55);border-radius:12px;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 4px 12px #ff3b3099;border:2px solid rgba(0,0,0,.2);z-index:10}.home-folder{width:80px;height:80px}.home-folder svg{width:100%;height:100%}.icon-label{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:13px;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.9);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macos-dock{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:9999}.dock-container{display:flex;align-items:flex-end;gap:4px;padding:4px 8px;background:#282828b3;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:18px;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 1px #0000004d,0 10px 40px #0006,inset 0 1px #ffffff1a}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.dock-item:hover{transform:translateY(-10px) scale(1.3)}.dock-item:hover~.dock-item{transform:translateY(-2px) scale(1.05)}.dock-item:has(+.dock-item:hover){transform:translateY(-2px) scale(1.05)}.dock-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.dock-icon svg,.dock-icon img{width:100%;height:100%;border-radius:8px;object-fit:contain}.dock-indicator{width:4px;height:4px;background:#ffffff80;border-radius:50%;margin-top:3px;opacity:0;transition:opacity .2s ease}.dock-indicator.active{opacity:1;background:#fff}.dock-divider{width:1px;height:40px;background:#fff3;margin:0 6px;align-self:center}.dock-item:before{content:attr(data-tooltip);position:absolute;bottom:70px;left:50%;transform:translate(-50%) scale(.8);background:#1e1e1ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.dock-item:hover:before{opacity:1;transform:translate(-50%) scale(1)}.dock-reflection{position:absolute;bottom:-30px;left:0;right:0;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,.03),transparent);border-radius:0 0 18px 18px;pointer-events:none}.windows-container{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.macos-window{position:absolute;background:#1e1e20f2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #00000080,0 20px 60px #00000080,0 0 1px #ffffff1a inset;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;min-width:600px;min-height:400px;z-index:100}.macos-window.focused{z-index:200}.macos-window.focused{box-shadow:0 0 0 1px #0009,0 25px 80px #0009,0 0 1px #ffffff26 inset}.macos-window.minimized{transform:scale(.1);opacity:0;pointer-events:none}.window-titlebar{height:32px;background:#2d2d30e6;border-bottom:1px solid rgba(0,0,0,.3);display:flex;align-items:center;padding:6px;cursor:grab;flex-shrink:0}.window-titlebar:active{cursor:grabbing}.window-controls{display:flex;gap:8px;margin-right:16px}.window-btn{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;position:relative;transition:all .15s ease}.window-btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s ease}.window-btn-close{background:linear-gradient(180deg,#ff6058,#e04942);box-shadow:0 1px 1px #0003,inset 0 1px #fff3}.window-btn-close:after{content:"×";font-size:10px;font-weight:700;color:#4a0000}.window-btn-minimize{background:linear-gradient(180deg,#ffbd2e,#e5a520);box-shadow:0 1px 1px #0003,inset 0 1px #fff3}.window-btn-minimize:after{content:"−";font-size:12px;font-weight:700;color:#995700}.window-btn-maximize{background:linear-gradient(180deg,#28c940,#1aab29);box-shadow:0 1px 1px #0003,inset 0 1px #fff3}.window-btn-maximize:after{content:"+";font-size:10px;font-weight:700;color:#006500}.window-controls:hover .window-btn:after{opacity:1}.macos-window:not(.focused) .window-btn{background:#80808080!important}.macos-window:not(.focused) .window-btn:after{opacity:0!important}.window-title-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.window-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:12px;font-weight:600;color:#ffffffe6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:10px;color:#fff6;margin-top:2px}.window-toolbar{height:38px;background:#28282acc;border-bottom:1px solid rgba(0,0,0,.2);display:flex;align-items:center;padding:0 12px;gap:8px;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;justify-content:center;padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover{background:#ffffff1a;color:#fff}.toolbar-btn.active{background:#007aff4d;border-color:#007aff80;color:#fff}.toolbar-btn svg{width:14px;height:14px;margin-right:4px}.toolbar-search{flex:1;max-width:200px;margin-left:auto;display:flex;align-items:center;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:0 8px;height:26px}.toolbar-search svg{width:12px;height:12px;color:#fff6;flex-shrink:0}.toolbar-search input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:12px;padding:0 6px}.toolbar-search input::placeholder{color:#ffffff4d}.window-body{display:flex;flex:1;overflow:hidden}.window-sidebar{width:180px;background:#232326e6;border-right:1px solid rgba(0,0,0,.3);padding:12px 0;overflow-y:auto;flex-shrink:0}.sidebar-section{margin-bottom:16px}.sidebar-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.5px;padding:0 16px;margin-bottom:6px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:6px 16px;color:#fffc;font-size:12px;cursor:pointer;transition:background .15s ease}.sidebar-item:hover{background:#ffffff0d}.sidebar-item.active{background:#007aff4d;color:#fff}.sidebar-item svg{width:16px;height:16px;opacity:.7}.sidebar-item.active svg{opacity:1}.window-content{flex:1;overflow-y:auto;padding:20px 20px 330px;background:#19191c80}.window-content::-webkit-scrollbar{width:8px}.window-content::-webkit-scrollbar-track{background:transparent}.window-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.window-content::-webkit-scrollbar-thumb:hover{background:#fff3}.window-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;padding:10px}.window-project-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.window-project-item:hover{background:#ffffff0d}.window-project-item.selected{background:#007aff4d}.project-file-icon{width:64px;height:64px;margin-bottom:8px;position:relative}.project-file-icon svg{width:100%;height:100%}.file-icon-base{fill:#ffffff1a;stroke:#fff3;stroke-width:1}.file-icon-fold{fill:#ffffff26}.file-icon-content{fill:none;stroke:var(--color-accent);stroke-width:1.5}.window-project-name{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:11px;color:#ffffffe6;text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.project-detail-view{display:flex;flex-direction:column;gap:24px}.project-detail-header{display:flex;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.project-detail-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px #476eae4d}.project-detail-icon svg{width:40px;height:40px;color:#000}.project-detail-info{flex:1}.project-detail-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:6px}.project-detail-category{font-size:13px;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.project-detail-description{font-size:14px;color:#ffffffb3;line-height:1.6}.project-detail-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.project-detail-section-title{font-size:12px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.project-tech-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tech-tag{padding:6px 12px;background:#476eae26;border:1px solid rgba(71,110,174,.3);border-radius:20px;font-size:12px;font-weight:500;color:var(--color-accent);transition:all .2s ease}.project-tech-tag:hover{background:#476eae40;transform:translateY(-1px)}.project-features-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.project-features-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#fffc;line-height:1.4}.project-features-list li:before{content:"✓";color:var(--color-accent);font-weight:700;flex-shrink:0}.project-visit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--color-accent),var(--color-gradient-2));color:#fff;font-size:14px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease}.project-visit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #476eae66}.project-visit-btn svg{width:16px;height:16px}.window-resize{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize}.window-resize:before{content:"";position:absolute;bottom:4px;right:4px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}@media (max-width: 1024px){.macos-window{min-width:500px;min-height:350px}.window-sidebar{width:150px}.window-project-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:16px}}@media (max-width: 768px){.macos-menubar{display:none}.macos-desktop{top:0;bottom:80px}.widgets-panel,.sticky-note{display:none}.desktop-icons{top:20px;left:20px;grid-template-columns:repeat(2,1fr);gap:12px}.desktop-icon{width:100px;padding:10px}.folder-icon,.home-folder{width:64px;height:64px}.folder-badge{min-width:20px;height:20px;font-size:11px;top:-3px;right:-3px}.icon-label{font-size:11px}.macos-window{position:fixed!important;top:10px!important;left:10px!important;right:10px!important;bottom:90px!important;width:auto!important;height:auto!important;min-width:unset;min-height:unset;border-radius:16px}.window-sidebar{display:none}.window-project-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.project-file-icon{width:48px;height:48px}.window-project-name{font-size:10px}.dock-container{gap:2px;padding:3px 6px;border-radius:14px}.dock-icon{width:44px;height:44px;border-radius:10px}.dock-item:hover{transform:translateY(-6px) scale(1.2)}.dock-divider{height:30px;margin:0 4px}}@media (max-width: 480px){.desktop-icons{top:10px;left:10px;right:10px;grid-template-columns:repeat(2,1fr);gap:8px;justify-items:center}.desktop-icon{width:90px;padding:8px}.folder-icon{width:56px;height:56px}.folder-badge{min-width:18px;height:18px;font-size:10px;top:-3px;right:-3px}.home-folder{width:56px;height:56px}.folder-badge{min-width:18px;height:18px;font-size:10px;top:-4px;right:-4px}.icon-label{font-size:10px;max-width:80px}.macos-desktop{padding:10px}.dock-container{padding:2px 4px}.dock-icon{width:38px;height:38px;border-radius:8px}.dock-divider{display:none}.project-detail-header{flex-direction:column;align-items:center;text-align:center}.project-detail-icon{width:64px;height:64px}.project-features-list{grid-template-columns:1fr}}@keyframes windowOpen{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes windowClose{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8) translateY(20px)}}@keyframes folderOpen{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-10px) scale(1.1)}to{transform:translateY(0) scale(1)}}@keyframes dockBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.macos-window.opening{animation:windowOpen .3s cubic-bezier(.34,1.56,.64,1) forwards}.macos-window.closing{animation:windowClose .2s ease-in forwards}.folder-item.opening .folder-icon{animation:folderOpen .4s ease-out}.dock-item.bouncing .dock-icon{animation:dockBounce .5s ease-in-out 3}