:root{--bg: #050508;--bg-mid: #0a0a0f;--bg-card: rgba(18, 20, 24, .65);--bg-card-solid: #121418;--bg-elevated: rgba(22, 24, 28, .7);--border: rgba(255, 255, 255, .06);--border-teal: rgba(20, 184, 166, .25);--teal: #14b8a6;--teal-bright: #2dd4bf;--teal-dim: #0d9488;--teal-glow: rgba(20, 184, 166, .35);--teal-glow-strong: rgba(20, 184, 166, .55);--teal-soft: rgba(20, 184, 166, .14);--teal-border: rgba(20, 184, 166, .45);--text: #f8f8fa;--text-dim: #b4b4bc;--text-muted: #71717a;--white: #ffffff;--font-sans: "Inter", system-ui, sans-serif;--font-display: "DM Sans", system-ui, sans-serif;--glass-blur: 20px;--radius: 18px;--radius-lg: 22px;--shadow-glow: 0 0 40px var(--teal-glow), 0 0 0 1px var(--border-teal);--shadow-glow-strong: 0 0 60px var(--teal-glow-strong), 0 0 0 1px rgba(20, 184, 166, .35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,var(--bg) 0%,transparent 15%,transparent 85%,var(--bg) 100%),linear-gradient(180deg,var(--bg) 0%,var(--bg-mid) 40%,var(--bg-mid) 60%,var(--bg) 100%),radial-gradient(ellipse 140% 100% at 65% 15%,rgba(20,184,166,.08) 0%,transparent 50%),radial-gradient(ellipse 120% 90% at 25% 75%,rgba(20,184,166,.06) 0%,transparent 50%),radial-gradient(ellipse 100% 80% at 50% 50%,rgba(20,184,166,.03) 0%,transparent 70%);pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--teal-dim);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal)}::selection{background:var(--teal-soft);color:var(--text)}a{color:var(--teal);text-decoration:none;transition:color .2s,box-shadow .2s}a:hover{color:var(--teal)}a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.glass{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff0a,0 4px 24px #0000004d;transition:border-color .35s,box-shadow .35s,transform .3s cubic-bezier(.25,.46,.45,.94)}.glass:hover{border-color:var(--border-teal);box-shadow:inset 0 1px #ffffff0d,0 0 40px var(--teal-glow),0 0 0 1px #14b8a626,0 8px 32px #00000059;transform:translateY(-4px)}.card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px;box-shadow:inset 0 1px #ffffff0a,0 4px 24px #0000004d;transition:border-color .35s,box-shadow .35s,transform .3s cubic-bezier(.25,.46,.45,.94)}.card:hover{border-color:var(--border-teal);box-shadow:inset 0 1px #ffffff0d,0 0 40px var(--teal-glow),0 0 0 1px #14b8a626,0 8px 32px #00000059;transform:translateY(-4px)}.card--featured{border-color:var(--border-teal);box-shadow:inset 0 1px #ffffff0f,0 0 50px var(--teal-glow),0 0 0 1px #14b8a640,0 8px 32px #00000059}.card--featured:hover{box-shadow:inset 0 1px #ffffff14,0 0 60px var(--teal-glow-strong),0 0 0 1px #14b8a659,0 12px 40px #0006;transform:translateY(-6px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:.02em;color:var(--bg);background:var(--teal);border-radius:10px;border:none;cursor:pointer;transition:background .25s,box-shadow .25s,transform .25s;box-shadow:0 0 30px var(--teal-glow),0 0 0 1px #14b8a633}.btn-primary:hover{background:var(--teal-dim);box-shadow:0 0 45px var(--teal-glow-strong),0 0 0 1px #14b8a64d;transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.02em;color:var(--teal);background:transparent;border:2px solid var(--teal-border);border-radius:10px;cursor:pointer;transition:border-color .25s,color .25s,box-shadow .25s,background .25s}.btn-outline:hover{border-color:var(--teal);color:var(--white);background:var(--teal-soft);box-shadow:0 0 24px var(--teal-soft)}.section__title--gradient{display:inline-block;background:linear-gradient(90deg,#34e0bb,#22d3ee 45%,#38bdf8 70%,#00c0ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font:inherit;filter:drop-shadow(0 0 20px rgba(20,184,166,.25))}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;background:#0006;overflow:hidden}.scroll-progress__tape-notches{display:none}.scroll-progress__bar{height:100%;background:linear-gradient(90deg,var(--teal-dim),var(--teal) 50%,var(--teal-bright) 100%);box-shadow:0 0 20px var(--teal-glow),0 0 8px var(--teal-soft);min-width:0;position:relative;z-index:1}.bg-tiles{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(180deg,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(180deg,transparent 0%,black 12%,black 88%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.app__tiled .bg-tiles{position:absolute;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(180deg,transparent 0%,black 12%,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(180deg,transparent 0%,black 12%,black 85%,transparent 100%)}.bg-tiles__grid{display:grid;position:absolute;top:0;left:0;width:max-content;min-width:100%;min-height:100%;padding:var(--tile-gap, 6px);align-content:start;justify-content:start}.bg-tiles__tile{width:var(--tile-size, 28px);height:var(--tile-size, 28px);background:#14b8a60b;border:1px solid rgba(20,184,166,.09);border-radius:10px;box-shadow:inset 0 1px #ffffff08,0 0 12px -4px #14b8a614}.nav{position:relative;z-index:1001;padding:14px 28px;background:#050508d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:border-color .2s,background .2s}.nav__bar{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.nav__logo{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:.12em;color:#fff;transition:color .25s,text-shadow .25s}.nav__logo:hover,.nav__logo.nav__link--active{color:var(--teal);text-shadow:0 0 20px var(--teal-soft)}.nav__logo-accent{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:.7rem;font-weight:600;opacity:.9}.nav__pill{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:9999px;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff08}.nav__link{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:.9rem;font-weight:500;letter-spacing:.04em;color:#ffffffe6;border-radius:9999px;transition:color .2s,background .2s,box-shadow .2s}.nav__link:hover{color:#fff;background:#ffffff14}.nav__link--active{color:var(--teal);text-shadow:0 0 16px var(--teal-soft)}.nav__link--active:hover{color:var(--teal);background:#14b8a61f;box-shadow:0 0 20px -4px var(--teal-soft)}.nav__chevron{font-size:.75rem;opacity:.7;flex-shrink:0}.nav__toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.nav__toggle:hover{color:var(--teal);border-color:var(--teal);background:#14b8a614}.nav__drawer{display:none;position:fixed;inset:0;width:100%;height:100%;z-index:1000;background:#0009;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.nav__drawer--open{opacity:1;visibility:visible;pointer-events:auto}.nav__drawer-inner{position:absolute;top:0;right:0;width:280px;min-width:260px;max-width:85vw;height:100%;min-height:100%;background:#0a0a0c;border-left:1px solid rgba(255,255,255,.12);padding:80px 24px 24px;display:flex;flex-direction:column;gap:4px;box-shadow:-8px 0 32px #00000080;transform:translate(100%);transition:transform .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav__drawer--open .nav__drawer-inner{transform:translate(0)}.nav__drawer-link{display:block;padding:14px 16px;font-size:1rem;font-weight:500;letter-spacing:.04em;color:#ffffffe6;border-radius:10px;transition:color .2s,background .2s}.nav__drawer-link:hover,.nav__drawer-link.nav__link--active{color:var(--teal);background:#14b8a61a}@media(max-width:900px){.nav{padding:12px 20px}.nav__bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;min-width:0}.nav__pill{display:none!important}.nav__toggle{display:flex!important;flex-shrink:0}.nav__drawer{display:none}.nav__drawer--open{display:block!important;opacity:1;visibility:visible;pointer-events:auto}.nav__drawer--open .nav__drawer-inner{transform:translate(0)}}@media(min-width:901px){.nav__pill{display:flex;width:auto;justify-content:flex-start}.nav__toggle,.nav__drawer{display:none!important}}@media(max-width:600px){.nav{padding:12px 16px}.nav__logo-text{font-size:1rem;letter-spacing:.08em}.nav__logo-accent{width:18px;height:18px;font-size:.6rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;position:relative;z-index:1}.hero__bg-lines{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__bg-lines:before,.hero__bg-lines:after{content:"";position:absolute;width:1px;height:60%;background:linear-gradient(180deg,transparent,var(--teal-soft),transparent);opacity:.6;top:20%}.hero__bg-lines:before{left:15%;box-shadow:0 0 30px var(--teal-soft)}.hero__bg-lines:after{right:18%;box-shadow:0 0 30px var(--teal-soft)}.hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:720px;width:100%;margin:0 auto}.hero__content{text-align:center;width:100%}.hero__label{font-size:1.05rem;font-weight:600;letter-spacing:.12em;color:var(--teal);margin-bottom:14px;text-transform:uppercase;text-shadow:0 0 24px var(--teal-soft)}.hero__title{font-family:var(--font-display);font-size:clamp(3rem,7vw,4.5rem);font-weight:600;line-height:1.08;letter-spacing:-.03em;color:var(--text);margin-bottom:20px;text-shadow:0 2px 24px rgba(0,0,0,.35)}.hero__title-accent{background:linear-gradient(105deg,#34e0bb,#22d3ee 40%,#38bdf8,#00c0ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 28px rgba(20,184,166,.4)) drop-shadow(0 0 48px rgba(34,211,238,.2))}.hero__tagline{font-size:1.22rem;color:var(--text-dim);line-height:1.65;margin-bottom:36px;max-width:540px;margin-left:auto;margin-right:auto}.hero__cta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;justify-content:center}.hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;font-family:var(--font-display);font-weight:500;font-size:1.1rem;letter-spacing:.02em;border-radius:9999px;border:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.hero__btn--primary{color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.08) 38%,transparent 62%),radial-gradient(ellipse 95% 75% at 50% 72%,#0e3d3d 0%,#1a5050 28%,#143838 55%,rgba(12,32,32,.98) 85%,transparent 100%),#0b1818;box-shadow:0 0 0 1px #64dcdc38,0 0 20px 2px #14b8a647,0 4px 24px #00000059}.hero__btn--primary:hover{color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 40%,transparent 62%),radial-gradient(ellipse 95% 75% at 50% 72%,#1a6060 0%,#1e5555 28%,#164040 55%,rgba(18,45,45,.98) 85%,transparent 100%),#0d2020;box-shadow:0 0 0 1px #64dcdc59,0 0 32px 4px #14b8a659,0 0 56px -4px #14b8a633,0 6px 28px #0006;transform:translateY(-3px)}.hero__btn--outline{color:var(--teal-bright);background:#14b8a60f;border:2px solid rgba(20,184,166,.5);box-shadow:0 0 20px -4px var(--teal-soft)}.hero__btn--outline:hover{background:var(--teal-soft);color:var(--white);border-color:var(--teal);box-shadow:0 0 32px var(--teal-soft),0 0 0 1px #14b8a633;transform:translateY(-3px)}.hero__meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.05rem;color:var(--text-dim)}.hero__meta a{color:var(--text-dim);display:inline-flex;align-items:center;gap:6px}.hero__meta a:hover{color:var(--teal)}.hero__meta-icon{font-size:1.25rem}.hero__meta-sep{color:var(--text-muted)}.hero__photo-wrap{flex-shrink:0;perspective:1200px;transform-style:preserve-3d}.hero__photo-frame{position:relative;width:340px;max-width:100%;background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-teal);border-radius:var(--radius-lg);overflow:hidden;transform:perspective(1200px) rotateY(-6deg) rotateX(3deg);transform-style:preserve-3d;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #14b8a626,0 0 50px var(--teal-glow),0 20px 50px #00000073;transition:transform .5s cubic-bezier(.25,.46,.45,.94),box-shadow .5s,border-color .35s}.hero__photo-frame:hover{transform:perspective(1200px) rotateY(-3deg) rotateX(5deg) translateY(-12px) translateZ(20px);border-color:#14b8a666;box-shadow:inset 0 1px #ffffff14,0 0 0 1px #14b8a640,0 0 70px var(--teal-glow-strong),0 24px 60px #00000080}.hero__photo-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-dim)}.hero__photo-rec{display:inline-flex;align-items:center;gap:6px;color:var(--teal);font-weight:600;text-shadow:0 0 12px var(--teal-soft)}.hero__photo-rec-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal),0 0 20px var(--teal-glow);animation:rec-blink 1.5s step-end infinite}.hero__photo-time{font-variant-numeric:tabular-nums;color:var(--text-muted)}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.4}}.hero__photo-inner{padding:22px;min-height:220px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%)}.hero__dashboard-greeting{font-size:.95rem;color:var(--text-dim);margin-bottom:18px}.hero__dashboard-tabs{display:flex;gap:6px;margin-bottom:16px;font-size:.72rem;color:var(--text-muted)}.hero__dashboard-tabs span:first-child{color:var(--teal);font-weight:600}.hero__dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero__dashboard-metric{background:var(--bg-elevated);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;padding:14px;transition:border-color .25s,box-shadow .25s}.hero__dashboard-metric:hover{border-color:var(--border-teal);box-shadow:0 0 20px var(--teal-soft)}.hero__dashboard-metric span:first-child{display:block;font-size:.68rem;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.hero__dashboard-metric span:last-child{font-size:1.1rem;font-weight:700;color:var(--teal);text-shadow:0 0 20px var(--teal-soft)}.hero__scroll-cue{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-dim);font-size:.95rem;transition:opacity .3s}.hero__scroll-cue--hidden{pointer-events:none}.hero__scroll-cue-icon{font-size:1.4rem;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-width:768px){.hero{padding:100px 16px 60px}.hero__title{font-size:clamp(2.5rem,9vw,3.5rem)}.hero__tagline{font-size:1.1rem}}.section{padding:88px 24px;position:relative}.section__inner{max-width:1000px;margin:0 auto}.section__label{font-size:1.05rem;font-weight:600;letter-spacing:.08em;color:var(--teal);text-align:center;text-shadow:0 0 20px var(--teal-soft)}.section__title{font-family:var(--font-display);font-size:clamp(2.25rem,5.5vw,3rem);font-weight:600;letter-spacing:-.02em;color:var(--text);margin-bottom:40px;text-align:center}.about__box-wrap{position:relative;padding:8px;border-radius:26px;background:linear-gradient(145deg,#ffffff0a,#ffffff03,#ffffff08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:0px solid rgba(255,255,255,.196);box-shadow:inset 0 0 0 1px #ffffff1a,0 0 0 1px #ffffff12}.about__card{position:relative;z-index:1;background:linear-gradient(145deg,#0c0c0ef2,#08080aeb);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 40px;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0a,0 0 0 1px #ffffff0d,0 0 20px -4px #ffffff0a,0 4px 28px #0006;transition:border-color .3s,box-shadow .3s ease}.about__card:hover{border-color:#14b8a640;box-shadow:inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff0d,0 0 0 1px #14b8a626,0 0 28px -4px #14b8a61f,0 8px 36px #00000073}.about__intro{display:flex;align-items:center;gap:20px;margin-bottom:22px;flex-wrap:wrap}.about__avatar{width:58px;height:58px;border-radius:14px;background:#1a1a1a;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff05,0 0 0 1px #ffffff0a,0 0 8px -2px #ffffff0d}.about__avatar-initials{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--teal)}.about__lead{flex:1;min-width:0;font-size:1.08rem;color:var(--text);line-height:1.55}.about__cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:28px}.about__p{font-size:.95rem;color:var(--text-dim);line-height:1.65}.about__hi{color:var(--teal);font-weight:500}.about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.about__stat{text-align:center;padding:22px 18px;background:linear-gradient(145deg,#1a1a1cfa,#121214f2);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #ffffff08,0 0 0 1px #ffffff0a,0 0 12px -2px #ffffff0d,0 2px 12px #00000059;transition:border-color .3s,box-shadow .3s ease}.about__stat:hover{border-color:#14b8a640;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0a,0 0 0 1px #14b8a626,0 0 24px -4px #14b8a626,0 4px 20px #0006}.about__stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--teal);font-size:1.25rem}.about__num{font-family:var(--font-display);font-size:1.85rem;font-weight:700;color:var(--teal);display:block;margin-bottom:4px;text-shadow:0 0 24px var(--teal-soft),0 0 48px -8px rgba(20,184,166,.3)}.about__stat span:last-child{font-size:.75rem;letter-spacing:.04em;color:var(--text-muted)}@media(max-width:768px){.section{padding:64px 16px 80px}.section__inner{max-width:100%}.about__card{padding:24px 22px}.about__cols{grid-template-columns:1fr;gap:16px}.about__stats{grid-template-columns:repeat(2,1fr);gap:12px}.about__stat{padding:16px 14px}.about__num{font-size:1.6rem}}.exp{position:relative}.exp__inner{max-width:1100px}.exp__line{position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(20,184,166,.15) 10%,rgba(20,184,166,.35) 50%,rgba(20,184,166,.15) 90%,transparent 100%);pointer-events:none;z-index:0}.exp__sections{display:flex;flex-direction:column;gap:64px;position:relative}.exp__track-wrap{position:absolute;left:50%;top:0;bottom:0;width:24px;margin-left:-12px;display:flex;justify-content:center;align-items:stretch;pointer-events:none;z-index:2}.exp__track{width:3px;height:100%;background:#ffffff14;border-radius:3px;overflow:hidden}.exp__track-fill{position:relative;width:100%;min-height:0;background:linear-gradient(360deg,var(--teal),rgba(20,184,166,.6));border-radius:3px;box-shadow:0 0 12px var(--teal-glow);transform-origin:top}.exp__track-fill:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:14px solid var(--teal);filter:drop-shadow(0 0 8px var(--teal)) drop-shadow(0 0 18px var(--teal-glow)) drop-shadow(0 0 32px rgba(20,184,166,.7))}.exp__track-fill:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal),0 0 24px var(--teal-glow),0 0 48px #14b8a6b3,inset 0 0 6px #fff6}.exp__block{display:grid;grid-template-columns:1fr 0 1fr;gap:32px 48px;align-items:start;position:relative;z-index:1}.exp__left{grid-column:1}.exp__left{display:flex;flex-direction:row;align-items:center;gap:16px;position:sticky;top:120px}.exp__num{flex-shrink:0;width:48px;height:48px;padding:2px;border-radius:50%;background:linear-gradient(135deg,#e0f7f4,#99f6e4 25%,#14b8a6 55%,#0d9488);box-shadow:0 0 20px #14b8a659,0 0 40px -8px #14b8a633;display:inline-flex;align-items:center;justify-content:center}.exp__num-inner{width:100%;height:100%;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:#e0f7f4;letter-spacing:.02em}.exp__step-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em;text-shadow:0 1px 12px rgba(0,0,0,.2)}.exp__right{grid-column:3;min-width:0;max-width:420px;justify-self:start;margin-left:56px}.exp__card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:36px 28px;box-shadow:inset 0 1px #ffffff14,inset 0 0 32px -4px #8f9c9b1a,0 4px 24px -4px #00000040;transition:border-color .3s,box-shadow .3s ease}.exp__card:hover{border-color:#14b8a647;box-shadow:inset 0 1px #ffffff1a,inset 0 0 36px -6px #14b8a61f,0 0 24px -6px #14b8a626,0 8px 32px -4px #00000059}.exp__head{display:flex;align-items:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}.exp__icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#14b8a61a,#14b8a608);border:1px solid rgba(20,184,166,.28);display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:1.3rem;flex-shrink:0;box-shadow:inset 0 1px #ffffff0f,0 0 16px -2px #14b8a633}.exp__head-text{flex:1;min-width:0}.exp__role{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text);line-height:1.3}.exp__period{font-size:.82rem;font-weight:600;color:var(--teal);letter-spacing:.04em}.exp__points{list-style:none;padding-left:0}.exp__points li{font-size:.9rem;color:var(--text-dim);line-height:1.65;padding-left:22px;position:relative;margin-bottom:10px}.exp__points li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px var(--teal-soft)}@media(max-width:900px){.exp__sections{padding-left:30px;padding-right:16px}.exp__block{grid-template-columns:1fr;gap:24px}.exp__left{grid-column:1;flex-direction:row;align-items:center;gap:16px;position:static}.exp__right{grid-column:1;max-width:none;margin-left:0}.exp__track-wrap{left:0;margin-left:2px;top:0;height:100%}}@media(max-width:768px){.exp__card{padding:22px}.exp__head{gap:14px}.exp__period{width:100%}}.proj__grid{display:flex;flex-direction:column;gap:26px}.proj__card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:28px 32px;box-shadow:inset 0 1px #ffffff14,inset 0 0 32px -4px #8f9c9b1a,0 4px 24px -4px #00000040;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.25,.46,.45,.94)}.proj__card:hover{border-color:#14b8a647;box-shadow:inset 0 1px #ffffff1a,inset 0 0 36px -6px #14b8a61f,0 0 28px -6px #14b8a626,0 8px 32px -4px #00000059;transform:translateY(-4px)}.proj__card.card--featured{border-color:#14b8a638;box-shadow:inset 0 1px #ffffff14,inset 0 0 32px -6px #14b8a626,0 0 32px -8px #14b8a633,0 4px 24px -4px #00000040}.proj__card.card--featured:hover{border-color:#14b8a659;box-shadow:inset 0 1px #ffffff1a,inset 0 0 40px -6px #14b8a633,0 0 40px -6px #14b8a640,0 8px 36px -4px #00000059;transform:translateY(-4px)}.proj__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.proj__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#14b8a61f,#14b8a60a);border:1px solid rgba(20,184,166,.3);display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:1.15rem;flex-shrink:0;box-shadow:inset 0 1px #ffffff14,0 0 16px -2px #14b8a633}.proj__meta{flex:1;min-width:0}.proj__title{font-family:var(--font-display);font-size:1.12rem;font-weight:700;color:#fff;margin-bottom:2px}.proj__tags{font-size:.82rem;color:var(--text-dim);letter-spacing:.04em}.proj__year{font-size:.9rem;font-weight:600;color:var(--teal);text-shadow:0 0 16px var(--teal-soft)}.proj__detail{overflow:hidden;padding-top:16px;margin-top:16px;border-top:1px solid rgba(255,255,255,.06)}.proj__desc{font-size:.94rem;color:var(--text-dim);line-height:1.62;margin-bottom:14px}.proj__tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.proj__chip{font-size:.76rem;padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-dim);box-shadow:inset 0 1px #ffffff0a}.proj__link{font-size:.92rem;font-weight:600;color:var(--teal-bright);transition:text-shadow .25s,color .25s}.proj__link:hover{text-decoration:underline;color:var(--teal);text-shadow:0 0 24px var(--teal-soft)}@media(max-width:768px){.proj__card{padding:20px 22px}}.skills__inner{width:100%;max-width:1040px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center}.skills__inner .section__label,.skills__inner .section__title{width:100%}.skills__tagline{font-size:1.05rem;color:var(--text-dim);text-align:center;max-width:420px;margin:-16px auto 24px;line-height:1.5}.skills__stage{position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:24px}.skills__orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;animation:skills-orb-float 12s ease-in-out infinite}.skills__orb--1{width:120px;height:120px;left:8%;top:30%;background:radial-gradient(circle,rgba(20,184,166,.2) 0%,transparent 70%);filter:blur(20px);animation-delay:0s}.skills__orb--2{width:80px;height:80px;right:12%;top:25%;background:radial-gradient(circle,rgba(34,211,238,.18) 0%,transparent 70%);filter:blur(16px);animation-delay:-4s}.skills__orb--3{width:100px;height:100px;left:50%;bottom:15%;transform:translate(-50%);background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 70%);filter:blur(24px);animation-delay:-8s}@keyframes skills-orb-float{0%,to{transform:translate(0) scale(1);opacity:.9}33%{transform:translate(8px,-12px) scale(1.05);opacity:1}66%{transform:translate(-6px,8px) scale(.98);opacity:.85}}.skills__orb--3{animation-name:skills-orb-float-alt}@keyframes skills-orb-float-alt{0%,to{transform:translate(-50%) translateY(0) scale(1);opacity:.85}50%{transform:translate(-50%) translateY(-10px) scale(1.08);opacity:1}}.skills__system-box{position:relative;z-index:1;--skills-frame: 6px;width:min(1000px,100%);max-width:100%;height:900px;max-height:min(920px,100vw);margin:0 auto;padding:0;overflow:visible;border-radius:28px;flex-shrink:0;border:.5px solid rgba(221,228,227,.28);background:var(--bg);box-shadow:0 0 0 1px #ffffff0a,0 0 80px -20px #14b8a633,0 0 120px -30px #14b8a61f;animation:skills-box-glow 6s ease-in-out infinite}@keyframes skills-box-glow{0%,to{box-shadow:0 0 0 1px #ffffff0a,0 0 80px -20px #14b8a633,0 0 120px -30px #14b8a61f}50%{box-shadow:0 0 0 1px #ffffff0f,0 0 90px -15px #14b8a647,0 0 140px -25px #14b8a626}}.skills__atmosphere{position:absolute;inset:0;border-radius:inherit;z-index:0;background-image:radial-gradient(circle at center,rgba(20,184,166,.18) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:0 0;pointer-events:none;mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,black 0%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 75% 75% at 50% 50%,black 0%,transparent 75%)}.skills__system-box:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse 85% 85% at 50% 50%,transparent 40%,rgba(5,5,8,.12) 70%,rgba(5,5,8,.4) 100%)}.skills__system-box:after{content:"";position:absolute;inset:0;padding:var(--skills-frame);border-radius:inherit;background:radial-gradient(circle at 0% 0%,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 52%,transparent 70%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 52%,transparent 70%),radial-gradient(circle at 0% 100%,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 52%,transparent 70%),radial-gradient(circle at 100% 100%,rgba(255,255,255,.12) 0%,rgba(255,255,255,.035) 52%,transparent 70%),#ffffff14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:3}.skills__orbit-wrap{position:relative;z-index:1;isolation:isolate;width:680px;height:680px;margin:120px auto;overflow:visible}.skills__vortex-wrap{position:absolute;left:50%;top:50%;width:352px;height:352px;margin-left:-176px;margin-top:-176px;z-index:0;border-radius:50%;overflow:hidden}.skills__vortex-wrap:before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(20,184,166,.35);box-shadow:0 0 20px #14b8a666,inset 0 0 20px #14b8a61a;animation:skills-vortex-ring 3s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes skills-vortex-ring{0%,to{opacity:.7;box-shadow:0 0 20px #14b8a666,inset 0 0 20px #14b8a61a}50%{opacity:1;box-shadow:0 0 32px #14b8a699,0 0 60px #14b8a633,inset 0 0 24px #14b8a626}}.skills__vortex-wrap:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 35%,rgba(5,5,8,.4) 55%,rgba(5,5,8,.85) 75%,var(--bg) 100%)}.skills__vortex-inner{width:100%;height:100%;background:#000}.skills__vortex-inner canvas{width:100%;height:100%;display:block}.skills__orbit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:visible}.skills__orbit-svg{width:100%;height:100%;overflow:visible}.skills__saturn-rings{filter:drop-shadow(0 0 8px rgba(220,228,235,.15))}.skills__tracker-segment{filter:drop-shadow(0 0 8px rgba(20,184,166,.7)) drop-shadow(0 0 20px rgba(20,184,166,.35));transition:stroke-dashoffset .05s linear}.skills__orbit-inner{animation:skills-dashed-rotate 36s linear infinite reverse;transform-origin:200px 200px;filter:drop-shadow(0 0 4px rgba(20,184,166,.3))}@keyframes skills-dashed-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills__card-slot{position:absolute;top:50%;left:50%;width:280px;transform-origin:center center;pointer-events:auto;z-index:2}.skills__card{background:linear-gradient(160deg,#ffffff1f,#ffffff0f,#ffffff14);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:22px 24px;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000014,0 0 0 1px #ffffff0f,0 8px 32px -8px #0006,0 4px 16px -4px #00000040;transition:box-shadow .35s,border-color .35s,background .35s}.skills__card--active{background:linear-gradient(160deg,#fff3,#34d3991f 40%,#ffffff24);backdrop-filter:blur(4px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);border:1px solid rgba(52,211,153,.5);box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0000000f,0 0 0 1px #34d39933,0 0 32px -8px #05966940,0 8px 32px -8px #00000059;position:relative}.skills__card--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:24px;background:linear-gradient(180deg,rgba(52,211,153,.5) 0%,rgba(52,211,153,.15) 70%,transparent 100%);pointer-events:none;filter:drop-shadow(0 0 4px rgba(52,211,153,.4))}.skills__card--active:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 0%,transparent 40%,rgba(255,255,255,.06) 50%,transparent 60%,transparent 100%);background-size:200% 100%;animation:skills-card-shimmer 4s ease-in-out infinite;pointer-events:none}@keyframes skills-card-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skills__head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.skills__icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#34d39933,#05966914);border:1px solid rgba(52,211,153,.5);display:flex;align-items:center;justify-content:center;color:#86efac;font-size:1.1rem;flex-shrink:0;box-shadow:inset 0 1px #ffffff26,0 0 16px -2px #34d39940}.skills__title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.2)}.skills__card--active .skills__title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25),0 0 24px rgba(52,211,153,.2)}.skills__pills{display:flex;flex-wrap:wrap;gap:8px}.skills__pill{font-size:.78rem;font-weight:500;padding:7px 14px;background:linear-gradient(180deg,#ffffff24,#34d39914,#0596690f);border:1px solid rgba(52,211,153,.4);border-radius:10px;color:#fff;box-shadow:inset 0 1px #ffffff40,0 0 0 1px #ffffff0f,0 2px 8px -2px #0003,0 0 12px -4px #34d39933;transition:box-shadow .3s,border-color .3s,transform .2s}.skills__pill:hover{border-color:#34d3998c;box-shadow:inset 0 1px #ffffff4d,0 0 0 1px #ffffff14,0 4px 12px -2px #00000040,0 0 20px -4px #34d39959}.skills__card--active .skills__pill{background:linear-gradient(180deg,#fff3,#34d39924 40%,#0596691a);border-color:#34d3998c;color:#fff;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #34d39933,0 2px 10px -2px #0003,0 0 18px -4px #34d39966}.skills__card--active .skills__pill:hover{border-color:#34d399b3;box-shadow:inset 0 1px #fff6,0 0 0 1px #34d3994d,0 0 24px -4px #34d39980}@media(max-width:960px){.skills__inner{padding:0 16px}.skills__tagline{font-size:.98rem;margin-bottom:20px}.skills__orb--1{width:80px;height:80px;left:5%;filter:blur(16px)}.skills__orb--2{width:56px;height:56px;right:8%;filter:blur(12px)}.skills__orb--3{width:64px;height:64px;filter:blur(18px)}.skills__system-box{width:min(920px,100%);height:min(920px,100vw);--skills-frame: 5px;min-height:320px;margin:40px auto 24px;border-radius:20px}.skills__orbit-wrap{position:absolute;left:50%;top:50%;width:680px;height:680px;margin-left:0;margin-top:0;transform-origin:center center;transform:translate(-50%,-50%) scale(.92)}}@media(max-width:700px){.skills__tagline{font-size:.92rem;max-width:320px;margin-bottom:16px}.skills__orb--1,.skills__orb--2,.skills__orb--3{opacity:.6}.skills__system-box{width:min(620px,100%);--skills-frame: 4px;height:clamp(500px,92vw,620px);margin:32px auto 24px;border-radius:18px}.skills__orbit-wrap{position:absolute;left:50%;top:50%;width:680px;height:680px;margin-left:0;margin-top:0;transform-origin:center center;transform:translate(-50%,-50%) scale(min(.56,calc((100vw - 68px) / 680)))}.skills__vortex-wrap{width:300px;height:300px;margin-left:-150px;margin-top:-150px}.skills__card{padding:9px 10px}.skills__card-slot{width:158px}.skills__icon{width:28px;height:28px;font-size:.86rem}.skills__title{font-size:.8rem}.skills__pills{gap:6px}.skills__pill{font-size:.6rem;padding:3px 6px;border-radius:6px}}@media(max-width:500px){.skills__inner{padding:0}.skills__tagline{font-size:.88rem;margin:-12px auto 14px}.skills__orb--1,.skills__orb--2,.skills__orb--3{display:none}.skills__system-box{width:100%;--skills-frame: 3px;height:clamp(470px,128vw,580px);margin:24px auto 20px;border-radius:16px}.skills__orbit-wrap{position:absolute;left:50%;top:50%;width:680px;height:680px;margin-left:0;margin-top:0;transform-origin:center center;transform:translate(-50%,-50%) scale(min(.44,calc((100vw - 64px) / 680)))}.skills__vortex-wrap{width:270px;height:270px;margin-left:-135px;margin-top:-135px}.skills__card{padding:8px 9px}.skills__card-slot{width:142px}.skills__icon{width:26px;height:26px;font-size:.78rem}.skills__title{font-size:.74rem}.skills__pill{font-size:.54rem;padding:2px 5px}}@media(max-width:380px){.skills__system-box{width:100%;height:clamp(450px,132vw,540px);margin:20px auto 16px}.skills__orbit-wrap{transform:translate(-50%,-50%) scale(min(.4,calc((100vw - 56px) / 680)))}.skills__card-slot{width:132px}.skills__card{padding:7px 8px}.skills__vortex-wrap{width:250px;height:250px;margin-left:-125px;margin-top:-125px}}@media(max-width:340px){.skills__system-box{width:100%;height:clamp(430px,136vw,520px);margin:20px auto 16px}.skills__orbit-wrap{transform:translate(-50%,-50%) scale(min(.36,calc((100vw - 48px) / 680)))}.skills__card-slot{width:124px}.skills__card{padding:6px 7px}.skills__icon{width:22px;height:22px;font-size:.68rem}.skills__title{font-size:.68rem}.skills__pill{font-size:.5rem;padding:2px 4px}.skills__vortex-wrap{width:230px;height:230px;margin-left:-115px;margin-top:-115px}}.contact__card{background:linear-gradient(145deg,#ffffff0f,#ffffff05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:28px 32px;text-align:center;max-width:580px;margin:0 auto;box-shadow:inset 0 1px #ffffff14,inset 0 0 32px -4px #8f9c9b1a,0 4px 24px -4px #00000040;transition:border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.25,.46,.45,.94)}.contact__card:hover{border-color:#14b8a647;box-shadow:inset 0 1px #ffffff1a,inset 0 0 36px -6px #14b8a61f,0 0 28px -6px #14b8a626,0 8px 32px -4px #00000059;transform:translateY(-4px)}.contact__row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}.contact__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#14b8a61f,#14b8a60a);border:1px solid rgba(20,184,166,.3);display:flex;align-items:center;justify-content:center;color:var(--teal);font-size:1.15rem;flex-shrink:0;box-shadow:inset 0 1px #ffffff14,0 0 16px -2px #14b8a633}.contact__heading{font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:#fff}.contact__detail{padding-top:16px;margin-top:16px;border-top:1px solid rgba(255,255,255,.06)}.contact__line{font-size:.94rem;color:var(--text-dim);line-height:1.62;margin-bottom:14px}.contact__email{display:inline-flex;align-items:center;gap:10px;font-size:1.02rem;font-weight:600;color:var(--teal-bright);margin-bottom:18px;transition:text-shadow .25s,color .25s}.contact__email:hover{text-decoration:underline;color:var(--teal);text-shadow:0 0 24px var(--teal-soft)}.contact__email-icon{font-size:1.15rem}.contact__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;font-size:.88rem;color:#ccc;margin-bottom:20px}.contact__links a{color:#ccc;display:inline-flex;align-items:center;gap:6px;transition:color .25s,text-shadow .25s}.contact__links a:hover{color:var(--teal);text-shadow:0 0 18px var(--teal-soft)}.contact__link-icon{font-size:1rem}.contact__sep{color:var(--text-muted)}.contact__btn{margin-top:6px}@media(max-width:768px){.contact__card{padding:20px 22px}}.footer{padding:28px 24px;border-top:1px solid rgba(255,255,255,.08);background:#080a0cb3;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:0 -1px #ffffff0a,0 -2px 20px -4px #14b8a60f}.footer__inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.footer__copy{font-size:.9rem;color:var(--text-dim)}.footer__links{display:flex;align-items:center;gap:8px 12px;font-size:.9rem;color:var(--text-dim)}.footer__links a{color:var(--text-dim);transition:color .25s}.footer__links a:hover{color:var(--teal);text-shadow:0 0 16px var(--teal-soft)}.footer__sep{color:var(--text-muted)}.footer__built{color:var(--text-muted);font-size:.85rem}.app{position:relative;min-height:100vh}.app__tiled{position:relative}.app__tiled .bg-tiles{position:absolute;inset:0;z-index:-1;overflow:hidden}.app__tile-fade{height:220px;background:linear-gradient(180deg,transparent 0%,rgba(5,5,8,.6) 40%,var(--bg) 100%);pointer-events:none}.app__rest{position:relative;background:var(--bg)}.app__contact-tiled{position:relative;overflow:hidden}.app__contact-tiled .bg-tiles{position:absolute;inset:0;z-index:0;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(180deg,transparent 0%,black 12%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%),linear-gradient(180deg,transparent 0%,black 12%,black 88%,transparent 100%)}.app__contact-tiled:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,transparent 18%,transparent 82%,var(--bg) 100%)}.app__contact-tiled .section.contact{position:relative;z-index:2}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);z-index:1000;padding:12px 24px;background:var(--teal);color:var(--bg);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.08em;border-radius:10px;box-shadow:0 0 24px var(--teal-glow);transition:top .2s ease,box-shadow .2s ease}.skip-link:focus{top:16px;outline:2px solid var(--teal);outline-offset:4px;box-shadow:0 0 32px var(--teal-glow-strong)}