*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:initial;scrollbar-width:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html::-webkit-scrollbar{display:none}::selection{background-color:var(--accent-emerald);color:var(--bg-canvas)}body{background-color:var(--bg-canvas);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}button{all:unset;cursor:pointer}button:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}ul,ol{list-style:none}:root{--bg-canvas:#080b11;--bg-canvas-alt:#0c1019;--bg-surface:#0f172aa6;--bg-surface-hover:#0f172ad9;--bg-glass:#0f172a73;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--border-accent:#10b9814d;--accent-emerald:#10b981;--accent-emerald-glow:#10b98126;--accent-cyan:#06b6d4;--accent-cyan-light:#38bdf8;--accent-violet:#8b5cf6;--accent-violet-glow:#8b5cf626;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-accent:var(--accent-cyan-light);--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-hero:clamp(2.5rem, 6vw, 5.5rem);--text-h1:clamp(2rem, 4.5vw, 4rem);--text-h2:clamp(1.5rem, 3vw, 2.5rem);--text-h3:clamp(1.125rem, 2vw, 1.5rem);--text-body:clamp(.9375rem, 1.2vw, 1.0625rem);--text-small:clamp(.8125rem, 1vw, .9375rem);--text-caption:clamp(.6875rem, .85vw, .8125rem);--space-xs:clamp(.25rem, .5vw, .5rem);--space-sm:clamp(.5rem, 1vw, 1rem);--space-md:clamp(1rem, 2vw, 1.5rem);--space-lg:clamp(1.5rem, 3vw, 2.5rem);--space-xl:clamp(2rem, 5vw, 4rem);--space-2xl:clamp(3rem, 8vw, 7rem);--space-3xl:clamp(5rem, 12vw, 10rem);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-smooth:cubic-bezier(.625, .05, 0, 1);--ease-elastic:cubic-bezier(.34, 1.56, .64, 1);--glass-blur:16px;--glass-border:1px solid var(--border-subtle);--container-max:1200px;--container-padding:clamp(1.25rem, 4vw, 3rem);--noise-opacity:.03}body:before{content:"";z-index:9999;pointer-events:none;opacity:var(--noise-opacity);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.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline:auto}.section{padding-block:var(--space-3xl);position:relative}.display-heading{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.03em;color:var(--text-primary);font-weight:800;line-height:1.05}.section-heading{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.15}.section-label{font-family:var(--font-mono);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.12em;color:var(--accent-emerald);font-weight:500}.body-text{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-secondary);line-height:1.7}.mono-text{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-muted)}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:first-child{transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:80ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.32s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.4s}.reveal-stagger>.reveal:nth-child(7){transition-delay:.48s}.reveal-stagger>.reveal:nth-child(8){transition-delay:.56s}.reveal-mask{display:inline-block;overflow:hidden}.reveal-mask>span{transition:transform .9s var(--ease-smooth);display:inline-block;transform:translateY(110%)}.reveal-mask.visible>span{transform:translateY(0)}.link-underline{display:inline-block;position:relative}.link-underline:before{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .6s var(--ease-smooth);background-color:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.link-underline:hover:before{transform-origin:0;transform:scaleX(1)}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.spotlight-card{--mouse-x:50%;--mouse-y:50%;position:relative}.spotlight-card:before{content:"";border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), #10b9810f, transparent 40%);opacity:0;pointer-events:none;z-index:1;transition:opacity .4s;position:absolute;inset:0}.spotlight-card:hover:before{opacity:1}.spotlight-card:after{content:"";border-radius:inherit;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #10b98140, transparent 40%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:hover:after{opacity:1}.pill{font-family:var(--font-mono);font-size:var(--text-caption);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);transition:all .3s var(--ease-out-quart);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:inline-flex}.pill:hover{border-color:var(--border-medium);background:var(--bg-surface-hover)}.pill--live{border-color:var(--accent-emerald);color:var(--accent-emerald)}.pill--live:before{content:"";background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.8;box-shadow:0 0 0 6px #10b98100}}.btn{font-family:var(--font-body);font-size:var(--text-small);border-radius:var(--radius-full);transition:all .4s var(--ease-out-expo);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:var(--accent-emerald);color:var(--bg-canvas);border:none}.btn--primary:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 8px 30px #10b9814d}.btn--ghost{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.btn--ghost:hover{background:var(--bg-surface);border-color:var(--accent-emerald);color:var(--accent-emerald);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}.reveal-mask>span{transform:none}}.header{z-index:100;transition:all .5s var(--ease-out-expo);padding:16px 0;position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#080b11d9;padding:10px 0}.header__inner{max-width:var(--container-max);padding-inline:var(--container-padding);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.header__logo{cursor:pointer;align-items:center;gap:12px;display:flex}.header__logo-mark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);background:linear-gradient(135deg, var(--accent-emerald), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.header__logo-status{font-size:.65rem}.header__nav{align-items:center;gap:32px;display:flex}.header__nav-link{font-family:var(--font-body);font-size:var(--text-small);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 0;font-weight:500;transition:color .3s}.header__nav-link:hover,.header__nav-link.active{color:var(--text-primary)}.header__actions{align-items:center;gap:12px;display:flex}.header__cta{font-size:var(--text-caption);padding:8px 20px}.header__burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:28px;padding:4px;display:none}.header__burger span{background:var(--text-primary);width:100%;height:2px;transition:all .3s var(--ease-smooth);transform-origin:50%;border-radius:2px;display:block}.header__burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.header__burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.header__burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header__mobile-menu{padding:var(--container-padding);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);background:#080b11f2;flex-direction:column;gap:8px;padding-top:16px;display:none}.header__mobile-menu.open{display:flex}.header__mobile-link{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none;padding:12px 0;font-size:1.25rem;font-weight:600;transition:color .3s}.header__mobile-link.active{color:var(--accent-emerald)}@media (width<=768px){.header__nav,.header__actions{display:none}.header__burger{display:flex}}.scroll-indicator{z-index:90;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.scroll-indicator__item{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:4px;display:flex;position:relative}.scroll-indicator__bar{background:var(--border-medium);width:3px;height:20px;transition:all .5s var(--ease-out-expo);border-radius:2px}.scroll-indicator__item.is-active .scroll-indicator__bar{background:var(--accent-emerald);height:32px;box-shadow:0 0 12px var(--accent-emerald-glow)}.scroll-indicator__label{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;opacity:0;transition:all .3s var(--ease-out-expo);pointer-events:none;font-size:.65rem;position:absolute;right:20px;transform:translate(8px)}.scroll-indicator__item:hover .scroll-indicator__label{opacity:1;transform:translate(0)}@media (width<=768px){.scroll-indicator{display:none}}.hero{align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero__canvas{pointer-events:all;width:100%;height:100%;position:absolute;inset:0}.hero__gradient{pointer-events:none;background:radial-gradient(60% 50% at 20%,#10b9810f,#0000),radial-gradient(50% 60% at 80% 30%,#06b6d40a,#0000),radial-gradient(80% 40% at 50% 100%,#080b11,#0000);position:absolute;inset:0}.hero__content{z-index:2;gap:var(--space-xl);flex-direction:column;display:flex;position:relative}.hero__text{max-width:720px}.hero__name{background:linear-gradient(135deg, var(--text-primary), var(--accent-cyan-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero__tagline{margin-top:var(--space-md);max-width:560px;font-size:var(--text-body)}.hero__tagline strong{color:var(--accent-emerald);font-weight:600}.hero__actions{margin-top:var(--space-lg);flex-wrap:wrap;gap:12px;display:flex}.hero__socials{margin-top:var(--space-md);align-items:center;gap:12px;display:flex}.hero__social-link{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-muted);transition:color .3s}.hero__social-link:hover{color:var(--accent-emerald)}.hero__social-sep{color:var(--border-medium);font-size:.5rem}.hero__stats{gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);display:grid}.hero__stat{flex-direction:column;gap:4px;display:flex}.hero__stat-value{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent-emerald), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.hero__stat-label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-muted);line-height:1.4}.hero__scroll-hint{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, var(--accent-emerald), transparent);width:1px;height:48px;animation:2s ease-in-out infinite scroll-pulse}@keyframes scroll-pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@media (width<=768px){.hero__stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.hero{padding-top:80px}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}}.trajectory{padding-block:var(--space-3xl)}.trajectory__timeline{margin-top:var(--space-xl);padding-left:40px;position:relative}.trajectory__line{background:var(--border-subtle);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:11px}.trajectory__line-fill{background:linear-gradient(to bottom, var(--accent-emerald), var(--accent-cyan));width:100%;transition:height .8s var(--ease-out-expo);border-radius:2px}.trajectory__phase{padding-bottom:var(--space-xl);opacity:.4;transition:all .6s var(--ease-out-expo);position:relative;transform:translate(-8px)}.trajectory__phase.is-active{opacity:1;transform:translate(0)}.trajectory__dot{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:4px;left:-40px}.trajectory__dot-inner{background:var(--border-medium);border:2px solid var(--bg-canvas);width:10px;height:10px;transition:all .5s var(--ease-out-expo);border-radius:50%}.trajectory__phase.is-active .trajectory__dot-inner{background:var(--accent-emerald);box-shadow:0 0 16px var(--accent-emerald-glow)}.trajectory__content{padding-left:8px}.trajectory__phase-label{color:var(--accent-emerald);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.15em}.trajectory__title{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-primary);margin-top:4px;font-weight:700}.trajectory__subtitle{color:var(--accent-cyan-light);font-weight:500}.trajectory__desc{margin-top:var(--space-xs);max-width:500px}.projects__filters{margin-top:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.pill--active{background:var(--accent-emerald);color:var(--bg-canvas);border-color:var(--accent-emerald)}.projects__grid{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.project-card{padding:var(--space-lg);cursor:pointer;transition:all .4s var(--ease-out-expo)}.project-card:hover{border-color:var(--border-medium);transform:translateY(-4px)}.project-card__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.project-card__title{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-primary);font-weight:700}.project-card__subtitle{margin-top:2px}.project-card__badges{flex-wrap:wrap;gap:6px;display:flex}.project-card__role{margin-top:var(--space-sm);font-size:var(--text-small)}.project-card__tags{margin-top:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.project-card__tag{font-family:var(--font-mono);border-radius:var(--radius-full);color:var(--accent-cyan-light);background:#06b6d414;border:1px solid #06b6d426;padding:3px 10px;font-size:.7rem}.project-card__details{max-height:0;transition:max-height .5s var(--ease-out-expo);overflow:hidden}.project-card__details.open{max-height:400px}.project-card__highlights{padding-top:var(--space-md);flex-direction:column;gap:8px;display:flex}.project-card__highlights li{font-size:var(--text-small);color:var(--text-secondary);padding-left:16px;position:relative}.project-card__highlights li:before{content:"▸";color:var(--accent-emerald);position:absolute;left:0}.project-card__toggle{margin-top:var(--space-md);color:var(--accent-emerald);font-size:var(--text-caption);cursor:pointer;background:0 0;border:none;transition:color .3s}.project-card__toggle:hover{color:var(--accent-cyan)}@media (width<=768px){.projects__grid{grid-template-columns:1fr}}.skills__tabs{margin-top:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;gap:4px;width:fit-content;padding:4px;display:flex}.skills__tab{font-family:var(--font-mono);font-size:var(--text-caption);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;background:0 0;border:none;padding:8px 16px}.skills__tab:hover{color:var(--text-primary)}.skills__tab.active{background:var(--accent-emerald);color:var(--bg-canvas)}.skills__grid{margin-top:var(--space-lg);flex-wrap:wrap;gap:8px;display:flex}.skills__item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);animation:skill-enter .4s var(--ease-out-expo) both;align-items:center;gap:8px;padding:10px 18px;display:flex}@keyframes skill-enter{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.skills__item-dot{background:var(--accent-emerald);border-radius:50%;flex-shrink:0;width:6px;height:6px}.skills__item-name{font-family:var(--font-body);font-size:var(--text-small);color:var(--text-primary)}.skills__all{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.skills__category-title{color:var(--accent-cyan-light);margin-bottom:var(--space-sm);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.1em}.skills__category-items{flex-wrap:wrap;gap:6px;display:flex}@media (width<=768px){.skills__all{grid-template-columns:1fr}.skills__tabs{flex-wrap:nowrap;width:100%;overflow-x:auto}}.experience__timeline{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;display:flex}.experience__item{gap:var(--space-md);padding:var(--space-lg);display:flex}.experience__dot-track{flex-direction:column;flex-shrink:0;align-items:center;gap:0;padding-top:6px;display:flex}.experience__dot{background:var(--border-medium);border:2px solid var(--bg-canvas);border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .3s}.experience__dot.is-current{background:var(--accent-emerald);box-shadow:0 0 12px var(--accent-emerald-glow)}.experience__connector{background:var(--border-subtle);flex:1;width:2px;min-height:40px}.experience__body{flex:1}.experience__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.experience__role{font-family:var(--font-display);font-size:var(--text-h3);color:var(--text-primary);font-weight:700}.experience__company{font-size:var(--text-body);color:var(--text-secondary);margin-top:2px}.experience__location{color:var(--text-muted)}.experience__highlights{margin-top:var(--space-md);flex-direction:column;gap:6px;display:flex}.experience__highlights li{font-size:var(--text-small);padding-left:16px;position:relative}.experience__highlights li:before{content:"▸";color:var(--accent-emerald);position:absolute;left:0}.experience__edu-grid{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.experience__edu-item{margin-top:var(--space-md)}.experience__edu-degree{font-family:var(--font-display);color:var(--text-primary);font-weight:600;font-size:var(--text-body)}.experience__langs{margin-top:var(--space-sm);flex-direction:column;gap:8px;display:flex}.experience__lang{border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:8px 0;display:flex}.experience__lang-name{color:var(--text-primary);font-weight:500}@media (width<=768px){.experience__edu-grid{grid-template-columns:1fr}.experience__item{flex-direction:column}.experience__dot-track{flex-direction:row;padding-top:0}.experience__connector{width:auto;height:2px;min-height:unset;min-width:20px}}.receipt-printer{flex-direction:column;align-items:center;display:flex}.receipt-printer__machine{border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border-medium);background:linear-gradient(#1e293b,#0f172a);border-bottom:none;flex-direction:column;justify-content:center;align-items:center;width:280px;height:48px;display:flex;position:relative}.receipt-printer__slot{background:#000;border-radius:2px;width:200px;height:4px;box-shadow:inset 0 1px 2px #00000080}.receipt-printer__label{color:var(--text-muted);margin-top:4px;font-size:.55rem}.receipt{width:280px;max-height:0;transition:max-height .3s var(--ease-out-quart);overflow:hidden}.receipt.is-printing,.receipt.is-complete{max-height:600px}.receipt__paper{font-family:var(--font-mono);color:#1a1a1a;background:#fdf6e3;border-left:1px solid #e0d5c1;border-right:1px solid #e0d5c1;padding:16px 20px;font-size:.7rem;position:relative}.receipt__paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 14px,#00000005 14px 15px);position:absolute;inset:0}.receipt__row{animation:receipt-print .2s var(--ease-out-expo) both}@keyframes receipt-print{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.receipt__line{justify-content:space-between;gap:8px;line-height:1.8;display:flex}.receipt__header,.receipt__footer{text-align:center;justify-content:center;font-weight:600}.receipt__sep{text-align:center;color:#999;letter-spacing:-.5px;justify-content:center}.receipt__label{color:#666;flex-shrink:0}.receipt__value{text-align:right;font-weight:500}.receipt-printer__actions{margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.contact__layout{gap:var(--space-2xl);grid-template-columns:1fr 1fr;align-items:start;display:grid}.contact__methods{flex-direction:column;gap:12px;display:flex}.contact__method{align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;transition:all .3s var(--ease-out-expo);text-align:left;width:100%;display:flex}.contact__method:hover{border-color:var(--accent-emerald);background:var(--bg-surface-hover)}.contact__method-icon{border-radius:var(--radius-md);background:var(--accent-emerald-glow);width:40px;height:40px;color:var(--accent-emerald);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact__method-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact__method-value{font-size:var(--text-small);color:var(--text-primary);word-break:break-all;font-weight:500}.contact__copy-badge{flex-shrink:0;font-size:.6rem!important}.contact__links{margin-top:var(--space-sm);gap:12px;display:flex}.contact__demo{flex-direction:column;align-items:center;display:flex}.contact__demo-title{text-align:center}.contact__footer{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle);text-align:center}@media (width<=768px){.contact__layout{gap:var(--space-xl);grid-template-columns:1fr}.contact__links{flex-direction:column}}