@import"https://fonts.googleapis.com/css2?family=Antonio:wght@400;700&family=Syne:wght@400;500;700;800&display=swap";@import"https://api.fontshare.com/v2/css?f[]=general-sans@300;400;500;600;700&display=swap";@font-face{font-family:Kashima;src:url(/portfolio/fonts/Kashima%20Demo.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #141517;--bg-raised: #1b1d20;--bg-card: #212328;--bg-card-hover: #282b32;--teal: #1e5335;--teal-deep: #143b25;--teal-dim: rgba(30, 83, 53, .1);--teal-glow: rgba(30, 83, 53, .25);--amber: #22c55e;--amber-light: #4ade80;--amber-dim: rgba(34, 197, 94, .08);--text: #f1f5f9;--text-dim: #cbd5e1;--text-muted: #64748b;--border: rgba(255, 255, 255, .055);--border-hover: rgba(30, 83, 53, .25);--font-display: "Kashima", Georgia, serif;--font-heading: "Syne", sans-serif;--font-body: "General Sans", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur: .25s;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px var(--teal-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}@media(hover:hover)and (pointer:fine){body,a,button,[role=button],.interactive{cursor:none}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15}h1{font-family:var(--font-display);font-size:clamp(4rem,11vw,9rem);font-weight:400;line-height:.9;letter-spacing:-.01em}h2{font-size:clamp(2rem,5vw,3.5rem)}p{color:var(--text-dim);line-height:1.75;font-size:1.05rem}a{color:var(--teal);text-decoration:none;transition:color var(--dur) var(--ease-out)}a:hover{color:var(--text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::selection{background:var(--teal-dim);color:var(--text)}.text-gradient{background:linear-gradient(135deg,var(--teal),var(--amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{padding:var(--space-4xl) 0;position:relative}@media(max-width:768px){.section,.hero{padding-bottom:120px!important}}.section-label{font-family:var(--font-mono);font-size:.6rem;color:var(--teal);text-transform:uppercase;letter-spacing:.25em;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.section-label:before{content:"";width:20px;height:1px;background:var(--teal)}.section-number{font-family:var(--font-mono);font-size:.55rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:var(--space-xs);display:block}.magnetic-btn{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.magnetic-btn:active{transform:scale(.97);transition:transform .1s var(--ease-out)}.magnetic-btn-content{display:inline-flex;align-items:center;gap:inherit}@media(max-width:768px){.section{padding:var(--space-3xl) 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sidenav{position:fixed;right:0;top:0;bottom:0;width:64px;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) 0}.sidenav-line{position:absolute;right:32px;top:60px;bottom:60px;width:1px;background:#ffffff14}.sidenav-items{display:flex;flex-direction:column;gap:var(--space-2xl);position:relative;z-index:1}.sidenav-link{text-decoration:none}.sidenav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:all .4s var(--ease-out)}.sidenav-item:hover{background:#ffffff0a}.sidenav-num{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.1em;transition:color .4s var(--ease-out)}.sidenav-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);writing-mode:vertical-rl;text-orientation:mixed;transition:color .4s var(--ease-out)}.sidenav-item:hover .sidenav-num,.sidenav-item:hover .sidenav-label{color:var(--text)}.sidenav-item--active{background:#3a8a8a14}.sidenav-item--active .sidenav-num,.sidenav-item--active .sidenav-label{color:var(--teal)}.sidenav-bottom{position:absolute;bottom:var(--space-2xl);display:flex;flex-direction:column;align-items:center}@media(max-width:1024px){.sidenav{width:56px}.sidenav-line{right:28px}.sidenav-items{gap:var(--space-xl)}}@media(max-width:768px){.sidenav{display:none}}.bottombar{display:none}@media(max-width:768px){.bottombar{display:block;position:fixed;bottom:24px;left:var(--space-md);right:var(--space-md);max-width:480px;margin:0 auto;z-index:1000;background:#1b1d20bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-full);box-shadow:0 10px 30px #0006;padding:3px 6px}}.bottombar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.bottombar-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;flex:1;color:var(--text-dim);text-decoration:none;transition:color .25s var(--ease-out);position:relative;z-index:1}.bottombar-item:hover{color:var(--text)}.bottombar-item--active{color:#fff!important}.bottombar-label{font-family:var(--font-mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.bottombar-active-bubble{position:absolute;inset:4px var(--space-sm);background:var(--teal);border-radius:var(--radius-full);z-index:-1;box-shadow:0 0 12px var(--teal-glow)}.app{position:relative;min-height:100vh}.main-content{position:relative;z-index:1;width:100%;padding:0 var(--space-4xl);padding-right:100px}.page-wrapper{min-height:100vh}.app:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.4}.curtain-overlay{position:fixed;inset:0;pointer-events:none;z-index:99999}.curtain-panel{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.primary-curtain{background:var(--teal);z-index:1}.secondary-curtain{background:var(--bg);z-index:2}.iris-panel{top:50%!important;left:50%!important;width:150vmax!important;height:150vmax!important;transform:translate(-50%,-50%) scale(0);transform-origin:center center;border-radius:50%}@media(max-width:1024px){.main-content{padding:0 var(--space-2xl);padding-right:70px}}@media(max-width:768px){.main-content{padding:0 var(--space-lg);padding-top:var(--space-2xl);padding-bottom:80px}}.hero{min-height:100vh;position:relative;overflow:hidden;background-color:var(--bg);display:flex;align-items:center}.hero-blueprint-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(30,83,53,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(30,83,53,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.hero-grid{display:grid;grid-template-columns:60%;width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-4xl);position:relative;z-index:2;align-items:center}.hero-grid-col{position:relative}.content-col{display:flex;flex-direction:column;justify-content:center;padding-right:var(--space-xl)}.hero-status{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--amber-light);margin-bottom:var(--space-xl);background:var(--teal-dim);padding:.5em 1.2em;border-radius:var(--radius-full);border:1px solid rgba(34,197,94,.15);width:fit-content}.hero-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);animation:dot-pulse 2.2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.9)}}.hero-title{margin-bottom:var(--space-xl)}.hero-name{display:flex;flex-wrap:wrap;line-height:.85;font-family:var(--font-display);font-size:clamp(3.5rem,8vw,7.5rem);font-weight:400}.letter-wrapper{overflow:hidden;display:inline-block}.hero-letter{display:inline-block;transform-origin:bottom left}.hero-subtitle{display:flex;align-items:baseline;gap:.4em;margin-top:10px;flex-wrap:wrap}.hero-prefix{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:300;color:var(--text-dim)}.hero-role{font-family:var(--font-display);font-size:clamp(2.5rem,5.5vw,5rem)}.hero-desc{max-width:580px;font-size:1.1rem;line-height:1.75;margin-bottom:var(--space-xl);color:var(--text-dim)}.hero-pills{display:flex;gap:var(--space-xs);margin-bottom:var(--space-2xl);flex-wrap:wrap}.hero-pill{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;padding:.4em 1em;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s var(--ease-out)}.hero-pill:hover{border-color:var(--amber);color:var(--amber);background:var(--teal-dim)}.hero-ctas{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl)}.cta-primary{display:inline-flex;align-items:center;padding:.9rem 2.2rem;border-radius:var(--radius-full);background:var(--teal);color:#fff;font-family:var(--font-heading);font-size:.95rem;font-weight:600;border:none;text-decoration:none;transition:all .3s var(--ease-out)}.cta-primary:hover{color:#fff;box-shadow:var(--shadow-glow);transform:translateY(-2px);background:var(--teal-deep)}.cta-secondary{display:inline-flex;align-items:center;padding:.9rem 2.2rem;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text);font-family:var(--font-heading);font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s var(--ease-out)}.cta-secondary:hover{border-color:var(--teal);background:var(--teal-dim);color:var(--amber-light);transform:translateY(-2px)}.hero-socials-horizontal{display:flex;gap:var(--space-lg);margin-top:var(--space-md)}.hero-social{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);text-decoration:none;transition:all .3s var(--ease-out)}.hero-social:hover{color:var(--amber);transform:translateY(-1px)}.f1-circuit-container{position:absolute;top:0;right:0;width:60%;height:100%;z-index:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.1) 15%,#000 65%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.1) 15%,#000 65%)}.blueprint-svg{width:100%;height:auto;max-width:480px;opacity:.75}.svg-text{font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.f1-car-dot{position:absolute;top:0;left:0;width:8px;height:8px;background:var(--amber);border-radius:50%;box-shadow:0 0 8px var(--amber),0 0 16px var(--amber);pointer-events:none;offset-path:path("M 60,100 L 300,100 C 330,100 350,120 340,150 C 330,180 300,190 320,220 C 340,250 370,270 340,300 L 220,340 C 180,350 150,330 140,290 C 130,250 90,200 60,160 C 40,130 40,100 60,100 Z");offset-rotate:auto;animation:race-lap 7s infinite linear;z-index:10}@keyframes race-lap{0%{offset-distance:0%}to{offset-distance:100%}}.track-labels text{font-size:8px;font-weight:700;letter-spacing:.05em;fill:var(--text-dim)}.track-labels text.label-title{font-family:var(--font-heading);font-size:8px;letter-spacing:.08em;fill:var(--text)}.speedometer-mobile-wrap{display:none}@media(max-width:1024px){.hero-grid{grid-template-columns:100%;padding:0 var(--space-2xl)}.content-col{padding-right:0;text-align:center;align-items:center}.hero-name,.hero-subtitle,.hero-socials-horizontal{justify-content:center}.f1-circuit-container{width:100%;opacity:.35;mask-image:none;-webkit-mask-image:none}}@media(max-width:768px){.hero-grid{padding:0 var(--space-lg)}.hero-ctas{flex-direction:column;gap:var(--space-sm);width:100%}.cta-primary,.cta-secondary{width:100%;justify-content:center}.speedometer-mobile-wrap{display:flex;flex-direction:column;align-items:center;background:#1b1d2073;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-2xl);width:100%;gap:var(--space-sm);box-shadow:0 8px 30px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.speedometer-lbl{font-size:.55rem;letter-spacing:.12em;color:var(--text-muted)}.speed-dial-display{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-xs) 0;transition:transform .15s ease}.speed-val{font-size:2.2rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.speed-unit{font-size:.75rem;color:var(--text-muted)}.speed-dial-bar{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;border:1px solid rgba(255,255,255,.02)}.speed-dial-fill{height:100%;background:linear-gradient(90deg,var(--teal),var(--amber));width:0%;transition:width 80ms ease-out}.engage-booster-btn{width:100%;background:transparent;border:1.5px dashed var(--teal);color:var(--amber-light);border-radius:var(--radius-full);padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;font-weight:600;cursor:pointer;transition:all .25s var(--ease-out)}.engage-booster-btn:hover{background:var(--teal-dim);border-color:var(--amber-light)}.pulse-active{animation:speed-pulse .4s infinite alternate ease-in-out}@keyframes speed-pulse{0%{transform:scale(1)}to{transform:scale(1.02)}}}.about-section{padding-top:var(--space-4xl);overflow:visible}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-3xl);max-width:1400px;margin:0 auto;padding:0 var(--space-xl);align-items:flex-start}.about-heading{margin-bottom:var(--space-xl)}.about-quote{padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-2xl);position:relative}.quote-accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--teal),var(--amber));border-radius:3px}.quote-body{padding-left:var(--space-md)}.quote-text{font-family:var(--font-display);font-size:1.25rem;color:var(--text);line-height:1.7;letter-spacing:.02em}.quote-attr{display:block;margin-top:var(--space-md);font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}.about-bio{font-size:1.05rem;line-height:1.75;margin-bottom:var(--space-lg);color:var(--text-dim)}.about-timeline{margin-top:var(--space-3xl);border-top:1px solid var(--border);padding-top:var(--space-2xl)}.timeline-title{font-size:.7rem;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-xl)}.timeline-items{display:flex;flex-direction:column;gap:var(--space-lg)}.timeline-item{display:grid;grid-template-columns:30px 1fr;gap:var(--space-md)}.timeline-dot-connector{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot{width:8px;height:8px;border-radius:50%;background:var(--teal);z-index:2;box-shadow:0 0 8px var(--teal)}.timeline-connector{position:absolute;top:8px;bottom:-24px;width:1px;background:repeating-linear-gradient(to bottom,var(--border),var(--border) 4px,transparent 4px,transparent 8px);z-index:1}.timeline-content{padding-bottom:var(--space-md)}.timeline-year{font-size:.75rem;color:var(--amber-light);letter-spacing:.05em;display:block;margin-bottom:var(--space-xs)}.timeline-role{font-family:var(--font-heading);font-size:1.15rem;font-weight:600;color:var(--text)}.timeline-company{font-size:.85rem;color:var(--text-dim);display:block;margin-bottom:var(--space-sm)}.timeline-link{color:var(--amber-light);text-decoration:none;font-weight:500;transition:all .25s var(--ease-out);border-bottom:1px dashed rgba(74,222,128,.3)}.timeline-link:hover{color:#fff;border-bottom-color:#fff;text-shadow:0 0 8px rgba(255,255,255,.4)}.timeline-desc{font-size:.9rem;line-height:1.6;color:var(--text-muted)}.about-system-col{width:100%}.desktop-only{display:block}.mobile-tablet-only{display:none}@media(max-width:1024px){.desktop-only{display:none!important}.mobile-tablet-only{display:block!important}}.terminal-window{background:#0d0f12;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px #00000073;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:550px;margin:0 auto}.terminal-header{height:32px;background:#14171d;border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;padding:0 var(--space-md);position:relative}.terminal-dots{display:flex;gap:6px;position:absolute;left:var(--space-md)}.terminal-dots .dot{width:8px;height:8px;border-radius:50%}.terminal-title{margin:0 auto;font-size:.65rem;color:var(--text-muted)}.terminal-cli-screen{padding:var(--space-lg);min-height:220px;max-height:320px;overflow-y:auto;color:var(--text-dim);font-size:.72rem;line-height:1.5;background:#0b0c0f;display:flex;flex-direction:column}.cli-placeholder{color:var(--text-muted);opacity:.8}.cli-btn-group{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:#101217}.cli-btn{background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);font-size:.65rem;padding:10px 0;cursor:pointer;transition:all .2s var(--ease-out)}.cli-btn:last-child{border-right:none}.cli-btn:hover{background:var(--teal-dim);color:var(--amber-light)}.cli-neofetch-output{display:flex;gap:var(--space-lg);align-items:flex-start}.ascii-art{font-size:.65rem;line-height:1.25;white-space:pre}.neofetch-specs{display:flex;flex-direction:column;gap:2px;font-size:.68rem}.cli-bio-text{font-size:.72rem;line-height:1.6;color:var(--text-dim)}.cli-git-output{display:flex;flex-direction:column;gap:3px;color:var(--text-muted)}.setup-gallery-desktop{width:100%}.gallery-header-tab{background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;padding:6px 12px;width:fit-content;font-size:.58rem;color:var(--amber-light);letter-spacing:.08em}.setup-screens-grid{display:flex;flex-direction:column;gap:var(--space-lg);border:1px solid var(--border);border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);padding:var(--space-xl);background:#14151773}.setup-window{background:#0d0f12;border:1px solid rgba(255,255,255,.06);border-radius:6px;overflow:hidden;box-shadow:0 4px 15px #0006}.setup-window-header{height:26px;background:#14171d;display:flex;align-items:center;gap:6px;padding:0 var(--space-md);border-bottom:1px solid rgba(255,255,255,.03)}.setup-window-header .dot{width:6px;height:6px;border-radius:50%}.setup-window-title{font-size:.58rem;color:var(--text-muted);margin-left:var(--space-sm)}.setup-window-content{padding:var(--space-md);min-height:110px;font-size:.65rem;line-height:1.5;background:#090a0d;color:var(--text-dim)}.setup-window-content .ascii-logo{float:left;line-height:1.2;color:var(--teal);display:flex;flex-direction:column;margin-right:var(--space-xl)}.setup-window-content .sys-info{display:flex;flex-direction:column;gap:2px}.code-compiling{display:flex;flex-direction:column;gap:4px}.tech-marquee{width:100%;margin-top:var(--space-4xl);overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-lg) 0;background:#14151733}.tech-marquee-track{display:flex;width:max-content;animation:marquee 25s linear infinite;gap:var(--space-3xl)}.tech-marquee-item{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-dim);font-size:.85rem;letter-spacing:.1em}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media(max-width:1024px){.about-grid{grid-template-columns:1fr;gap:var(--space-3xl)}}@media(max-width:768px){.about-grid{padding:0 var(--space-lg)}.terminal-window{max-width:100%}}.work-section{position:relative;overflow:visible;padding-bottom:var(--space-4xl)}.work-intro-wrapper{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-3xl);flex-wrap:wrap;gap:var(--space-lg)}.work-heading-block{max-width:600px}.work-heading{margin-bottom:var(--space-md)}.work-desc{font-size:1.1rem;line-height:1.75}.layout-toggle-wrapper{display:inline-flex;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-full);padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.layout-toggle-btn{font-family:var(--font-mono);font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;padding:.5rem 1.2rem;border:none;background:transparent;color:var(--text-dim);border-radius:var(--radius-full);transition:all .25s var(--ease-out)}.layout-toggle-btn.active{background:var(--teal);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-xl)}.work-card{position:relative;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:all .4s var(--ease-out)}.work-card:hover{border-color:var(--teal);box-shadow:0 12px 30px #0006}.card-mock-ide{height:220px;background:#0b0d12;border-bottom:1px solid var(--border);display:flex;flex-direction:column;position:relative;overflow:hidden}.ide-header{height:28px;background:#10121a;border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;padding:0 var(--space-md);position:relative}.ide-dots{display:flex;gap:6px;position:absolute;left:var(--space-md)}.ide-dots .dot{width:7px;height:7px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.ide-tab{margin:0 auto;font-size:.65rem;color:var(--text-muted);background:#141720;padding:3px 12px;border-radius:3px 3px 0 0;border:1px solid rgba(255,255,255,.02);border-bottom:none}.ide-workspace{display:flex;flex:1}.ide-sidebar{width:32px;background:#0d0f15;border-right:1px solid rgba(255,255,255,.02);padding:var(--space-sm) 0;display:flex;flex-direction:column;align-items:center;gap:8px}.ide-sidebar-item{width:14px;height:14px;border-radius:2px;background:#ffffff0d}.ide-sidebar-item.active{background:var(--teal-dim);border:1.5px solid var(--teal)}.ide-code{flex:1;padding:var(--space-md);display:flex;flex-direction:column;gap:4px;font-size:.65rem;color:var(--text-dim);line-height:1.4;overflow:hidden}.code-line{white-space:nowrap}.code-line.indent{padding-left:var(--space-md)}.code-line.indent-2{padding-left:var(--space-xl)}.code-line.indent-3{padding-left:var(--space-2xl)}.token.keyword{color:#f43f5e}.token.string{color:var(--amber)}.token.tag{color:#00d2ff}.work-card-overlay{position:absolute;inset:0;background:#0c0e128c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s var(--ease-out)}.work-card:hover .work-card-overlay{opacity:1}.work-card-overlay-text{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text);display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.15);padding:.6rem 1.2rem;border-radius:var(--radius-full);background:#ffffff0d}.work-card-body{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.work-card-top{margin-bottom:var(--space-md)}.work-card-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.25em .75em;border:1px solid;border-radius:var(--radius-full)}.work-card-title{font-size:1.35rem;margin-bottom:var(--space-sm);color:var(--text)}.work-card-desc{font-size:.95rem;color:var(--text-dim);line-height:1.6;margin-bottom:var(--space-lg);flex:1}.work-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.work-card-tech{display:flex;gap:var(--space-xs);flex-wrap:wrap}.work-tech-pill{font-size:.55rem;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);padding:.2em .6em;border-radius:var(--radius-sm)}.work-card-arrow{color:var(--text-muted);transition:transform .3s var(--ease-out),color .3s var(--ease-out)}.work-card:hover .work-card-arrow{transform:translate(2px,-2px);color:var(--teal)}.work-card-accent{position:absolute;bottom:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s var(--ease-out)}.work-card:hover .work-card-accent{opacity:1}.work-list-catalog{display:flex;flex-direction:column;margin-top:var(--space-xl)}.work-row{position:relative;display:grid;grid-template-columns:1.2fr .8fr 1.5fr .5fr;align-items:center;padding:var(--space-xl) var(--space-md);text-decoration:none;transform-style:preserve-3d;perspective:1000px;transition:all .4s var(--ease-out)}.work-row:hover{transform:translate3d(8px,0,12px)}.row-num-title{display:flex;align-items:center;gap:var(--space-lg)}.row-num{font-size:.75rem;color:var(--text-muted);letter-spacing:.05em;width:20px}.row-title{font-size:1.4rem;font-weight:500;color:var(--text);letter-spacing:-.01em}.row-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.3em .8em;border:1px solid;border-radius:var(--radius-full);width:fit-content}.row-tech{display:flex;gap:var(--space-xs);flex-wrap:wrap}.row-tech-pill{font-size:.58rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border:1px solid var(--border);padding:.25em .75em;border-radius:var(--radius-full);background:#ffffff03}.row-action{display:flex;align-items:center;justify-content:flex-end;gap:8px}.row-action-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);opacity:0;transform:translate(-5px);transition:all .3s var(--ease-out)}.row-arrow{color:var(--text-muted);transition:all .3s var(--ease-out)}.work-row:hover .row-action-lbl{opacity:1;transform:translate(0)}.work-row:hover .row-arrow{transform:translate(2px,-2px);color:var(--teal)}.row-separator{position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:1px;background:var(--border)}.row-hover-bg{position:absolute;inset:0;opacity:0;z-index:0;pointer-events:none;transition:opacity .35s var(--ease-out)}.work-row:hover .row-hover-bg{opacity:1}.project-cursor-preview{width:250px;background:#141821d9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 15px 35px #0009;padding:var(--space-md);transition:opacity .25s var(--ease-out),transform .25s var(--ease-out),filter .35s var(--ease-out)}.preview-card-inner{display:flex;flex-direction:column;gap:var(--space-md)}.preview-svg-container{width:100%;height:120px;border:1px solid;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.preview-svg-container svg{width:auto;height:100%;max-width:80px}.preview-details{display:flex;flex-direction:column}.preview-tag{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.preview-title{font-size:1.15rem;font-weight:500;color:var(--text);margin-bottom:var(--space-xs);letter-spacing:-.01em}.preview-desc{font-size:.75rem;color:var(--text-dim);line-height:1.5}@media(max-width:1024px){.work-row{grid-template-columns:1.5fr 1fr 1.5fr}.row-tech{display:none}}@media(max-width:768px){.work-intro-wrapper{flex-direction:column;align-items:flex-start}.layout-toggle-wrapper{display:none}.work-grid{grid-template-columns:1fr}}.contact-section{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}.contact-grid-container{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-3xl);max-width:1400px;margin:0 auto;padding:0 var(--space-xl);align-items:start}.contact-info-col{display:flex;flex-direction:column}.contact-heading{margin-bottom:var(--space-md);font-size:clamp(2.5rem,5.5vw,4.2rem)}.contact-desc{max-width:500px;font-size:1.08rem;line-height:1.75;color:var(--text-dim);margin-bottom:var(--space-xl)}.freelance-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.45rem 1.1rem;background:var(--teal-dim);border:1px solid rgba(58,138,138,.18);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--teal);margin-bottom:var(--space-2xl);width:fit-content}.freelance-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:dot-pulse 2s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.location-block{margin-bottom:var(--space-2xl)}.location-title{font-size:.7rem;letter-spacing:.15em;color:var(--text-muted);margin-bottom:var(--space-md)}.location-details{display:flex;flex-direction:column;gap:var(--space-xs)}.loc-item{display:flex;align-items:center;gap:var(--space-md);font-size:.9rem;color:var(--text-dim)}.resume-dossier-ticket{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;padding:var(--space-lg);max-width:440px;width:100%;box-shadow:var(--shadow);position:relative;transition:all .3s var(--ease-out)}.resume-dossier-ticket:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(58,138,138,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(58,138,138,.015) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.resume-dossier-ticket:hover{border-color:#3a8a8a4d;box-shadow:0 10px 25px #0000004d}.ticket-header{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding-bottom:var(--space-sm);margin-bottom:var(--space-md)}.ticket-label{font-size:.58rem;color:var(--text-muted);letter-spacing:.1em}.ticket-status{font-size:.58rem;color:var(--teal);font-weight:700;letter-spacing:.1em}.ticket-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.ticket-details{display:flex;flex-direction:column}.ticket-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:6px;word-break:break-all;overflow-wrap:break-word}.ticket-meta{display:flex;gap:var(--space-md);flex-wrap:wrap}.ticket-meta span{font-size:.6rem;color:var(--text-muted);letter-spacing:.05em}.ticket-download-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out)}.ticket-download-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim);transform:scale(1.05)}.ticket-barcode-wrap{display:flex;flex-direction:column;align-items:center;margin-top:var(--space-md);opacity:.5;transition:opacity .3s var(--ease-out)}.resume-dossier-ticket:hover .ticket-barcode-wrap{opacity:.8}.barcode{display:flex;height:30px;gap:2px;width:100%;justify-content:center;margin-bottom:4px}.bar{background:var(--text);height:100%}.bar.thin{width:1.5px}.bar.mid{width:3px}.bar.thick{width:5px}.barcode-text{font-size:.55rem;color:var(--text-muted);letter-spacing:.25em}.contact-glass-form-container{background:#14141473;border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--space-2xl);box-shadow:var(--shadow)}.glass-form-title{font-size:.65rem;letter-spacing:.12em;color:var(--text-muted);margin-bottom:var(--space-2xl);display:block}.contact-glass-form{display:flex;flex-direction:column;gap:var(--space-xl)}.input-group{position:relative;display:flex;flex-direction:column}.glass-input{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--border);padding:8px 0;font-family:var(--font-body);font-size:1rem;color:var(--text);outline:none;transition:border-color .3s var(--ease-out)}.glass-input:focus{border-color:var(--teal)}.glass-label{position:absolute;left:0;top:8px;font-size:.75rem;color:var(--text-muted);letter-spacing:.1em;pointer-events:none;transform-origin:left top;transition:all .25s var(--ease-out)}.glass-input:focus~.glass-label,.glass-input:not(:placeholder-shown)~.glass-label{transform:translateY(-20px) scale(.8);color:var(--teal)}.input-line{position:absolute;bottom:0;left:0;width:0%;height:1.5px;background:var(--teal);transition:width .35s var(--ease-out);box-shadow:0 1px 8px var(--teal-glow)}.glass-input:focus~.input-line{width:100%}.textarea-group{margin-top:10px}.textarea-group textarea{resize:vertical;min-height:100px}.form-submit-row{display:flex;justify-content:flex-end;margin-top:var(--space-md)}.glass-submit-btn{display:inline-flex;align-items:center;gap:12px;padding:.95rem 2.2rem;background:var(--teal);color:var(--bg);border:none;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:.9rem;font-weight:600;letter-spacing:.05em;cursor:pointer;box-shadow:var(--shadow-glow);transition:all .3s var(--ease-out)}.glass-submit-btn:hover{transform:translateY(-2px);background:#3eb5b5;box-shadow:0 0 20px #3a8a8a66}.glass-submit-btn:hover .btn-icon{transform:translate(3px) rotate(5deg)}.btn-icon{transition:transform .3s var(--ease-out)}.why-block{max-width:1400px;margin:0 auto;padding:0 var(--space-xl);margin-top:var(--space-4xl)}.block-header-wrap{border-bottom:1px solid var(--border);padding-bottom:var(--space-md);margin-bottom:var(--space-xl)}.reasons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.reason-card{padding:var(--space-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .3s var(--ease-out)}.reason-card:hover{border-color:var(--teal);box-shadow:0 8px 24px #00000040}.reason-svg-wrapper{color:var(--teal);width:28px;height:28px;margin-bottom:var(--space-md)}.reason-svg{width:100%;height:100%}.reason-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--text);margin-bottom:6px}.reason-desc{font-size:.9rem;line-height:1.6;color:var(--text-muted)}.contact-footer-wrap{margin-top:var(--space-4xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl);padding:0 var(--space-xl)}.contact-socials{display:flex;gap:var(--space-md)}.social-circle{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);background:#ffffff03;transition:all .3s var(--ease-out)}.social-circle:hover{color:var(--teal);border-color:var(--teal);background:var(--teal-dim);transform:translateY(-3px) scale(1.08)}.site-footer{text-align:center;border-top:1px solid var(--border);width:100%;max-width:1400px;padding-top:var(--space-xl);padding-bottom:var(--space-lg)}.footer-text{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:4px}.footer-sub{font-size:.62rem;color:var(--text-muted);opacity:.55;letter-spacing:.05em}.contact-success-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-xl) 0}.success-icon-wrap{width:60px;height:60px;margin-bottom:var(--space-md)}.success-svg-check{width:100%;height:100%}.success-title{font-size:.95rem;letter-spacing:.15em;color:var(--amber);margin-bottom:var(--space-sm);text-shadow:0 0 10px var(--amber-dim)}.success-text{font-size:.95rem;line-height:1.6;color:var(--text-dim);max-width:320px;margin-bottom:var(--space-xl)}.success-logs{background:#141517a6;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-md);width:100%;text-align:left;display:flex;flex-direction:column;gap:6px;font-size:.65rem;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.log-line{color:var(--text-dim)}.log-line:last-child{color:var(--amber-light);animation:pulse-text 1.5s infinite ease-in-out}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.success-reset-btn{background:transparent;border:1px dashed var(--border);color:var(--text-muted);padding:8px var(--space-lg);border-radius:var(--radius-full);font-size:.65rem;letter-spacing:.1em;cursor:pointer;transition:all .25s var(--ease-out)}.success-reset-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}@media(max-width:1200px){.reasons-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.contact-grid-container{grid-template-columns:1fr;gap:var(--space-3xl)}.contact-info-col{align-items:center;text-align:center}.contact-desc,.resume-dossier-ticket{max-width:100%}}@media(max-width:768px){.contact-grid-container{padding:0 var(--space-lg)}.contact-glass-form-container{padding:1.25rem}.reasons-grid{grid-template-columns:1fr}.why-block{padding:0 var(--space-lg)}.glass-submit-btn{width:100%;justify-content:center}}@media(max-width:480px){.ticket-body{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}.loader{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.loader-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");opacity:.5;pointer-events:none}.loader-stroke{position:absolute;top:50%;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,var(--teal),transparent);transform-origin:center;opacity:.35}.loader-circle{position:absolute;border-radius:50%;border:1px solid var(--teal);pointer-events:none}.loader-circle--1{width:300px;height:300px}.loader-circle--2{width:500px;height:500px}.loader-logo{width:56px;height:56px;position:relative;z-index:1}.loader-logo svg{width:100%;height:100%}.loader-name{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--text);letter-spacing:-.01em;text-transform:uppercase;position:relative;z-index:1}.loader-tagline{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.35em;color:var(--text-dim);position:relative;z-index:1}.loader-progress{position:absolute;bottom:80px;left:20%;right:20%;height:1.5px;background:var(--border);overflow:hidden}.loader-progress-bar{width:100%;height:100%;background:var(--teal);transform-origin:left}