.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--d-leaf);transform-origin:0%;z-index:200}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background var(--transition),border-color var(--transition);border-bottom:1.5px solid transparent}.nav--scrolled{background:var(--nav-bg);border-bottom:1.5px solid var(--stroke)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:74px;gap:20px}.nav__brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:580;font-size:1.1rem}.nav__logo{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--p-green);border:1.5px solid var(--stroke);color:var(--ink-on-pastel);font-family:var(--font-display);font-weight:600;font-size:1.2rem;transform:rotate(-3deg);transition:transform var(--transition)}.nav__brand:hover .nav__logo{transform:rotate(3deg)}.nav__brand-dot{color:var(--d-leaf)}.nav__links{display:flex;align-items:center;gap:4px;position:absolute;left:50%;transform:translate(-50%)}.nav__link{position:relative;padding:8px 14px;font-size:.92rem;font-weight:500;color:var(--ink-2);transition:color var(--transition)}.nav__link:hover,.nav__link.is-active{color:var(--ink)}.nav__link.is-active:after{content:"";position:absolute;bottom:4px;left:14px;right:14px;height:5px;z-index:-1;background:var(--p-blue);transform:rotate(-1deg)}.nav__actions{display:flex;align-items:center;gap:10px}.nav__toggle{display:flex;align-items:center;gap:4px;padding:7px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:transparent;font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--ink-3);transition:box-shadow var(--transition),transform var(--transition)}.nav__toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--p-sky)}.nav__toggle .on{color:var(--ink);text-decoration:underline;text-decoration-color:var(--d-leaf);text-decoration-thickness:2px;text-underline-offset:3px}.nav__toggle-sep{opacity:.4}.nav__icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:transparent;color:var(--ink-2);transition:color var(--transition),box-shadow var(--transition),transform var(--transition)}.nav__icon-btn:hover{color:var(--ink);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--p-aqua)}.nav__cta{padding:9px 20px;font-size:.9rem;box-shadow:3px 3px 0 var(--p-blue)}.nav__cta:hover{box-shadow:5px 5px 0 var(--p-blue)}.nav__burger{display:none}.nav__mobile{display:none;flex-direction:column;overflow:hidden;background:var(--nav-bg);border-bottom:1.5px solid var(--stroke);padding:0 24px}.nav__mobile-link{padding:15px 4px;font-size:1.05rem;font-weight:500;color:var(--ink-2);border-bottom:1px dashed var(--rule)}.nav__mobile-link.is-active{color:var(--ink);font-family:var(--font-display);font-style:italic}@media (max-width: 900px){.nav__links,.nav__cta{display:none}.nav__burger{display:grid}.nav__mobile{display:flex}}@media (max-width: 460px){.nav__brand-text{display:none}}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:130px 0 110px}.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;flex:1}.hero__badge{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:var(--radius-sm);background:var(--p-green);border:1.5px solid var(--stroke);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-on-pastel);margin-bottom:28px;transform:rotate(-1deg)}.hero__pulse{width:8px;height:8px;border-radius:50%;background:var(--d-leaf);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #93c57299}70%{box-shadow:0 0 0 8px #93c57200}to{box-shadow:0 0 #93c57200}}.hero__greeting{font-family:var(--font-mono);font-size:.95rem;letter-spacing:.06em;color:var(--ink-2);margin-bottom:10px}.hero__name{font-family:var(--font-display);font-weight:590;font-variation-settings:"opsz" 120;font-size:clamp(2.5rem,6.2vw,4.5rem);line-height:1.02;letter-spacing:-.015em;margin-bottom:20px;max-width:14ch}.hero__role{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:clamp(1rem,2.2vw,1.35rem);font-weight:500;color:var(--ink);min-height:1.6em;margin-bottom:24px}.hero__role-mark{color:var(--d-leaf)}.hero__caret{display:inline-block;width:.55em;height:3px;align-self:flex-end;margin-bottom:.32em;background:var(--ink);animation:blink 1s steps(2) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero__desc{font-size:1.1rem;color:var(--ink-2);max-width:52ch;margin-bottom:22px}.hero__meta{display:flex;gap:18px;margin-bottom:32px}.hero__meta-item{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;color:var(--ink-3)}.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:34px}.hero__socials{display:flex;gap:12px}.hero__socials a{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:var(--bg-2);color:var(--ink-2);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}.hero__socials a:hover{color:var(--brand-ink, var(--ink-on-pastel));background:var(--brand-bg, var(--brand, var(--p-blue)));border-color:var(--brand, var(--stroke));transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--stroke)}.hero__visual{position:relative;max-width:480px;justify-self:end;width:100%}.code-window{border:1.5px solid var(--stroke);border-radius:var(--radius);overflow:hidden;box-shadow:10px 10px 0 var(--p-blue);transition:transform .5s ease,box-shadow .5s ease}.hero__visual:hover .code-window{transform:rotate(-1deg);box-shadow:14px 14px 0 var(--p-blue)}.code-window__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-2);border-bottom:1.5px solid var(--stroke)}.code-window__dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.code-window__dot--red{background:#ff5f57}.code-window__dot--amber{background:#febc2e}.code-window__dot--green{background:#28c840}.code-window__file{margin-left:10px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--ink-3)}.code-window__body{margin:0;padding:22px 24px 26px;min-height:240px;background:#22271f;color:#e9ecdc;font-family:var(--font-mono);font-size:.88rem;line-height:1.75;overflow-x:auto;white-space:pre;-moz-tab-size:2;tab-size:2}.cw-k{color:#89cff0}.cw-t{color:#afeeee}.cw-s{color:#adebb3}.cw-f{color:#82c8e5}.cw-b{color:#93c572}.cw-c{color:#8f948a;font-style:italic}.code-window__caret{display:inline-block;width:8px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:#93c572;animation:blink 1s steps(2) infinite}.hero__sticker{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);font-family:var(--font-mono);font-size:.76rem;color:var(--ink-on-pastel);box-shadow:3px 3px 0 var(--stroke);animation:float 5s ease-in-out infinite}.hero__sticker--1{bottom:-20px;left:-30px;background:var(--p-aqua);transform:rotate(-3deg)}.hero__sticker--2{top:46%;right:-26px;background:var(--p-green);transform:rotate(2.5deg);animation-delay:1.6s}.hero__sticker--3{top:-16px;right:28px;background:var(--p-sky);transform:rotate(-2deg);animation-delay:2.8s}@keyframes float{0%,to{translate:0 0}50%{translate:0 -9px}}.hero__stats{display:flex;gap:clamp(24px,6vw,72px);margin-top:60px;padding-top:30px;border-top:1.5px solid var(--stroke)}.hero__stat{display:flex;flex-direction:column}.hero__stat-value{font-family:var(--font-display);font-weight:560;font-variation-settings:"opsz" 90;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1;font-variant-numeric:tabular-nums}.hero__stat-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-3);margin-top:8px}.hero__scroll{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (max-width: 940px){.hero__grid{grid-template-columns:1fr;gap:56px}.hero__visual{order:-1;justify-self:start;margin-top:30px}.hero__sticker--1{left:-6px}.hero__sticker--2{right:-8px}.hero__sticker--3{right:8px}.hero__scroll{display:none}}@media (max-width: 560px){.hero{padding-top:104px}.hero__socials{margin-bottom:20px}.hero__stats{flex-wrap:wrap;gap:24px 40px;margin-top:48px;padding-top:32px}.code-window{box-shadow:6px 6px 0 var(--p-blue)}.code-window__body{font-size:.8rem;min-height:210px}}.marquee{overflow:hidden;border-top:1.5px solid var(--stroke);border-bottom:1.5px solid var(--stroke);background:var(--bg-2);padding:14px 0}.marquee__track{display:flex;width:max-content;animation:marqueeScroll 26s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__group{display:flex;align-items:baseline;flex-shrink:0}.marquee__item{display:inline-flex;align-items:baseline;gap:28px;padding-right:28px;white-space:nowrap}.marquee__text--serif{font-family:var(--font-display);font-style:italic;font-weight:550;font-size:1.15rem;color:var(--ink)}.marquee__text--mono{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}.marquee__text--bold{font-weight:800;color:var(--ink)}.marquee__star{color:var(--d-leaf);font-size:.9rem}@keyframes marqueeScroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee__track{animation:none}}.about__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start}.about__paragraph{display:block;font-size:1.06rem;color:var(--ink-2);margin-bottom:20px}.about__text>p:first-of-type:first-letter{font-family:var(--font-display);font-weight:600;font-size:3.4em;line-height:.8;float:left;padding:6px 12px 2px 0;color:var(--ink)}.about__highlights{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.about__highlight{display:flex;gap:14px;padding:20px;transition:transform var(--transition),box-shadow var(--transition)}.about__highlight:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--hi-accent)}.about__highlight:nth-child(1){--hi-accent: var(--p-blue)}.about__highlight:nth-child(2){--hi-accent: var(--p-aqua)}.about__highlight:nth-child(3){--hi-accent: var(--p-green)}.about__highlight:nth-child(4){--hi-accent: var(--p-gray)}.about__highlight-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--hi-accent);color:var(--ink-on-pastel);border:1.5px solid var(--stroke);transform:rotate(-2deg)}.about__highlight h3{font-family:var(--font-display);font-size:1.05rem;font-weight:580;margin-bottom:5px}.about__highlight p{font-size:.9rem;color:var(--ink-3);line-height:1.55}.about__facts{padding:26px 28px;position:sticky;top:96px;box-shadow:8px 8px 0 var(--p-sky)}.about__facts-title{font-family:var(--font-display);font-style:italic;font-weight:550;font-size:1.25rem;margin-bottom:14px;padding-bottom:12px;border-bottom:1.5px solid var(--stroke)}.about__facts ul{display:flex;flex-direction:column}.about__facts li{display:flex;flex-direction:column;gap:3px;padding:13px 0;border-bottom:1px dashed var(--rule)}.about__facts li:last-child{border-bottom:none;padding-bottom:0}.about__fact-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.about__fact-value{font-size:.97rem;font-weight:500;color:var(--ink)}@media (max-width: 900px){.about__grid{grid-template-columns:1fr;gap:36px}.about__facts{position:static}}@media (max-width: 560px){.about__highlights{grid-template-columns:1fr}}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skills__card{padding:30px 32px;transition:transform var(--transition),box-shadow var(--transition)}.skills__card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--card-accent)}.skills__card:nth-child(1){--card-accent: var(--p-blue)}.skills__card:nth-child(2){--card-accent: var(--p-green)}.skills__card:nth-child(3){--card-accent: var(--p-aqua)}.skills__card:nth-child(4){--card-accent: var(--p-gray)}.skills__cat{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.35rem;font-weight:560;margin-bottom:20px;padding-bottom:14px;border-bottom:1.5px solid var(--stroke)}.skills__cat-num{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--ink-on-pastel);padding:3px 9px;border-radius:var(--radius-sm);background:var(--card-accent);border:1px solid var(--stroke)}.skills__list{display:flex;flex-direction:column}.skills__item{display:flex;align-items:baseline;gap:10px;padding:9px 0;font-size:.96rem}.skills__name{font-weight:500;color:var(--ink)}.skills__leader{flex:1;border-bottom:2px dotted var(--rule);transform:translateY(-4px)}.skills__mark{font-size:.85rem;color:var(--ink-3);transition:color var(--transition),transform var(--transition)}.skills__item:hover .skills__mark{color:var(--d-leaf);transform:rotate(90deg)}@media (max-width: 760px){.skills__grid{grid-template-columns:1fr}}.sp{border:1.5px solid var(--stroke);border-radius:var(--radius);background:var(--bg-2);box-shadow:4px 4px 0 var(--accent, var(--p-gray));overflow:hidden;will-change:transform}.sp__bar{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1.5px solid var(--stroke);background:var(--bg-2)}.sp__dots{display:inline-flex;gap:5px}.sp__dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.sp__dot--red{background:#ff5f57}.sp__dot--amber{background:#febc2e}.sp__dot--green{background:#28c840}.sp__url{flex:1;text-align:center;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--ink-2);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:2px 10px;margin-right:23px}.sp__body{position:relative;aspect-ratio:16 / 11;overflow:hidden;font-size:10px;-webkit-user-select:none;user-select:none}.sp--lowcodefy .sp__body{background:#0a0d1c}.lcf{position:absolute;top:0;right:0;bottom:0;left:0;padding:9% 8%;color:#e8ecf8}.lcf__star{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:#cdd8ff;opacity:.8}.lcf__planet{position:absolute;top:7%;right:5%;width:34%}.lcf__eyebrow{font-family:var(--font-mono);font-size:.72em;letter-spacing:.22em;text-transform:uppercase;color:#67e8f9;margin-bottom:.8em}.lcf__title{font-family:var(--font-display);font-weight:560;font-size:1.9em;line-height:1.12;max-width:12ch;margin-bottom:1em}.lcf__title em{font-style:italic;color:#8b9cf9}.lcf__terminal{width:min(72%,300px);background:#0d1226;border:1px solid rgba(205,216,255,.18);border-radius:4px;font-family:var(--font-mono)}.lcf__termbar{display:flex;align-items:center;gap:6px;padding:5px 9px;font-size:.78em;color:#9fb0d8;border-bottom:1px solid rgba(205,216,255,.12)}.lcf__termdot{width:6px;height:6px;background:#22d3ee}.lcf__run{margin-left:auto;font-size:.82em;text-transform:uppercase;letter-spacing:.12em;border:1px solid rgba(205,216,255,.25);border-radius:2px;padding:0 5px;color:#cdd8ff}.lcf__lines{padding:7px 10px 9px;display:flex;flex-direction:column;gap:4px}.lcf__line{font-size:.8em;color:#c6d2f2;white-space:nowrap;overflow:hidden;text-overflow:clip}.lcf__check{color:#34d399;margin-right:6px}.lcf__restart{font-size:.76em;color:#6b7aa8}.sp--managerads .sp__body{background:#0b1526}.mgr{position:absolute;top:0;right:0;bottom:0;left:0;padding:8%;color:#eef4fc;display:flex;flex-direction:column}.mgr__badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-family:var(--font-mono);font-size:.72em;color:#7dd3fc;border:1px solid rgba(56,189,248,.4);border-radius:999px;padding:2px 9px;margin-bottom:1em}.mgr__badge i{width:5px;height:5px;border-radius:50%;background:#38bdf8}.mgr__title{font-weight:800;font-size:1.55em;line-height:1.15;letter-spacing:-.01em;max-width:18ch;margin-bottom:1em}.mgr__title em{font-style:normal;color:#38bdf8}.mgr__chart{position:relative;flex:1;min-height:0;border:1px solid rgba(238,244,252,.12);border-radius:4px;background:#0e1b30;padding:6px}.mgr__chart svg{width:100%;height:100%}.mgr__grid{stroke:#eef4fc14;stroke-width:1}.mgr__alert{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.72em;color:#06130a;background:#25d366;border-radius:3px;padding:3px 8px;box-shadow:2px 2px #00000059}.mgr__wa{font-size:1em}.mgr__foot{font-family:var(--font-mono);font-size:.72em;color:#92a6c4;margin-top:.9em}.sp--florabita .sp__body{background:#f6f4ec}.flb{position:absolute;top:0;right:0;bottom:0;left:0;padding:7% 8%;color:#2c3a2e}.flb__leaf{position:absolute;top:6%;right:5%;width:13%;opacity:.9}.flb__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1em;padding-right:15%}.flb__logo{font-family:var(--font-display);font-weight:600;font-size:1.25em;color:#234d31}.flb__logo small{display:block;font-family:var(--font-body);font-weight:400;font-size:.55em;letter-spacing:.08em;color:#6a7a6b}.flb__btn{font-size:.78em;font-weight:600;color:#f6f4ec;background:#2e7d46;border-radius:3px;padding:4px 10px}.flb__title{font-family:var(--font-display);font-size:1.45em;line-height:1.2;max-width:24ch;margin-bottom:1.1em}.flb__title em{font-style:italic;color:#2e7d46}.flb__viewport{overflow:hidden}.flb__track{display:flex;gap:4%}.flb__card{flex:0 0 40%;background:#fff;border:1px solid #e3e0d2;border-radius:4px;padding:5px 5px 7px;box-shadow:0 2px 5px #2c3a2e14}.flb__photo{position:relative;height:4.2em;border-radius:3px;margin-bottom:6px}.flb__photo--1{background:#a7d7b0}.flb__photo--2{background:#7fb069}.flb__photo--3{background:#cfe6c2}.flb__photo--4{background:#8fc79a}.flb__chip{position:absolute;top:4px;left:4px;font-size:.6em;background:#fff;color:#2c3a2e;border-radius:2px;padding:1px 5px}.flb__l1,.flb__l2{display:block;height:4px;border-radius:2px;background:#d8d4c4;margin:4px 2px 0}.flb__l2{width:70%}.flb__author{display:flex;align-items:center;gap:4px;margin:7px 2px 0}.flb__author i{width:8px;height:8px;border-radius:50%;background:#b78d68}.flb__author em{display:block;width:40%;height:3px;border-radius:2px;background:#cfcaba}@media (max-width: 1023px){.sp__body{font-size:9.5px}}@media (max-width: 420px){.sp__body{font-size:8.5px}.sp__url{font-size:.62rem}}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}.project{position:relative;display:flex;flex-direction:column;padding:30px 32px;transition:transform var(--transition),box-shadow var(--transition)}.project:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--accent)}.project:after{content:"";position:absolute;top:-1.5px;right:-1.5px;width:0;height:0;border-style:solid;border-width:0;border-color:var(--bg) var(--bg) var(--accent) var(--accent);border-bottom-left-radius:var(--radius-sm);transition:border-width var(--transition)}.project:hover:after{border-width:0 26px 26px 0}.project--featured{grid-column:1 / -1;box-shadow:7px 7px 0 var(--accent)}.project--featured:hover{box-shadow:11px 11px 0 var(--accent)}.accent-blue{--accent: var(--p-blue);--accent-deep: var(--d-blue)}.accent-violet{--accent: var(--p-aqua);--accent-deep: var(--d-aqua)}.accent-cyan{--accent: var(--p-sky);--accent-deep: var(--d-sky)}.accent-emerald{--accent: var(--p-green);--accent-deep: var(--d-green)}.project__top{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:14px;border-bottom:1.5px solid var(--stroke)}.project__num{font-family:var(--font-display);font-style:italic;font-size:1.5rem;line-height:1;color:var(--accent-deep)}.project__category{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2)}.project__featured-tag{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;padding:3px 10px;border-radius:var(--radius-sm);color:var(--ink-on-pastel);background:var(--accent);border:1px solid var(--stroke);transform:rotate(-1.5deg)}.project__body{display:grid;grid-template-areas:"preview" "main";gap:22px;flex:1}.project__body>.project__main{grid-area:main;min-width:0;display:flex;flex-direction:column}.project__body>.sp{grid-area:preview;align-self:start}.project--featured .project__body{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"main preview";gap:34px;align-items:center}.project__title{font-family:var(--font-display);font-weight:560;font-variation-settings:"opsz" 60;font-size:clamp(1.35rem,2.4vw,1.8rem);margin-bottom:10px}.project__desc{color:var(--ink-2);font-size:.98rem;margin-bottom:18px;max-width:62ch}.project__highlights{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.project__highlights li{display:flex;align-items:flex-start;gap:9px;font-size:.92rem;color:var(--ink-2)}.project__check{color:var(--accent-deep);font-weight:700}.project__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;margin-top:auto}.project__links{display:flex;gap:22px;align-items:center;padding-top:16px;border-top:1px dashed var(--rule)}.project__link{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-deep);text-decoration-thickness:2px;text-underline-offset:4px;transition:gap var(--transition),text-decoration-color var(--transition)}.project__link:hover{gap:10px}.project__link--ghost{color:var(--ink-2);text-decoration-color:var(--rule)}.project__link--ghost:hover{color:var(--ink);text-decoration-color:var(--ink)}@media (max-width: 760px){.projects__grid{grid-template-columns:1fr}.project--featured .project__body{grid-template-columns:1fr;grid-template-areas:"preview" "main";gap:22px}}.contact__card{position:relative;padding:clamp(32px,5vw,60px);box-shadow:12px 12px 0 var(--p-green)}.contact__stamp-corner{position:absolute;top:18px;right:22px;display:grid;place-items:center;width:46px;height:54px;border:1.5px dashed var(--rule);border-radius:var(--radius-sm);font-size:1.3rem;color:var(--d-leaf);transform:rotate(3deg)}.contact__grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.contact__intro .section-title{margin-top:10px}.contact__intro .section-subtitle{margin-bottom:28px}.contact__email{position:relative;display:inline-flex;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:transparent;transition:transform var(--transition),box-shadow var(--transition)}.contact__email:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--p-aqua)}.contact__email-link{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--ink);padding:12px 50px 12px 20px}.contact__copy{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--rule);background:var(--bg-2);color:var(--ink-2);opacity:0;transition:opacity var(--transition),color var(--transition),background var(--transition)}.contact__copy-icon{position:absolute;top:50%;left:50%;transition:opacity .28s cubic-bezier(.34,1.56,.64,1),transform .28s cubic-bezier(.34,1.56,.64,1)}.contact__copy-icon--copy{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.contact__copy-icon--check{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-90deg)}.contact__email--copied .contact__copy-icon--copy{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(90deg)}.contact__email--copied .contact__copy-icon--check{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}.contact__email:hover .contact__copy,.contact__email:focus-within .contact__copy{opacity:1}.contact__copy:hover{color:var(--ink-on-pastel);background:var(--p-aqua)}.contact__email--copied .contact__copy{opacity:1;color:var(--ink-on-pastel);background:var(--p-green)}@media (hover: none){.contact__copy{opacity:1}}.contact__socials{display:flex;align-items:center;gap:16px;margin-top:28px;color:var(--ink-3);font-size:.9rem}.contact__social-links{display:flex;gap:10px}.contact__social-links a{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:var(--bg-2);color:var(--ink-2);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}.contact__social-links a:hover{color:var(--brand-ink, var(--ink-on-pastel));background:var(--brand-bg, var(--brand, var(--p-sky)));border-color:var(--brand, var(--stroke));transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--stroke)}.contact__form{display:flex;flex-direction:column;gap:22px}.contact__field{display:flex;flex-direction:column;gap:6px}.contact__field label{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.contact__field input,.contact__field textarea{font-family:inherit;font-size:1rem;color:var(--ink);padding:8px 2px 10px;background:transparent;border:none;border-bottom:1.5px solid var(--rule);border-radius:0;transition:border-color var(--transition);resize:vertical}.contact__field input:focus,.contact__field textarea:focus{outline:none;border-bottom-color:var(--ink)}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--ink-3)}.contact__field--error input,.contact__field--error textarea{border-bottom-color:var(--d-clay, #b4462f)}.contact__field--error label{color:var(--d-clay, #b4462f)}.contact__error{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;color:var(--d-clay, #b4462f)}.contact__honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.contact__submit{margin-top:8px;width:100%}.contact__submit:disabled{opacity:.6;cursor:not-allowed}.contact__status{margin-top:4px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.02em}.contact__status--success{color:var(--d-leaf, #2f6d4f)}.contact__status--error{color:var(--d-clay, #b4462f)}@media (max-width: 820px){.contact__grid{grid-template-columns:1fr;gap:38px}.contact__card{box-shadow:7px 7px 0 var(--p-green)}}.footer{border-top:1.5px solid var(--stroke);padding:48px 0 32px;margin-top:40px}.footer .footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px dashed var(--rule)}.footer__brand{display:flex;align-items:center;gap:14px}.footer__logo{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--p-green);border:1.5px solid var(--stroke);color:var(--ink-on-pastel);font-family:var(--font-display);font-weight:600;font-size:1.3rem;transform:rotate(-3deg)}.footer__name{font-family:var(--font-display);font-weight:580;font-size:1.05rem}.footer__tagline{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3);margin-top:2px}.footer__socials{display:flex;gap:10px}.footer__socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:var(--bg-2);color:var(--ink-2);transition:color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.footer__socials a:hover{color:var(--brand-ink, var(--ink-on-pastel));background:var(--brand-bg, var(--brand, var(--p-blue)));border-color:var(--brand, var(--stroke));transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--stroke)}.footer .footer__bottom{display:flex;align-items:center;justify-content:center;text-align:center;gap:16px;flex-wrap:wrap;padding-top:34px;font-size:.85rem;color:var(--ink-3)}.footer__built{font-family:var(--font-mono);font-size:.76rem}@media (max-width: 620px){.footer .footer__inner{gap:20px 24px;padding-bottom:40px}.footer .footer__bottom{justify-content:center;padding-top:28px}}.back-to-top{position:fixed;right:clamp(18px,3vw,34px);bottom:clamp(18px,3vw,34px);z-index:90;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-sm);border:1.5px solid var(--stroke);background:var(--ink);color:var(--bg);box-shadow:4px 4px 0 var(--p-blue);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition)}.back-to-top:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--p-blue)}.back-to-top:active{transform:translate(0);box-shadow:2px 2px 0 var(--p-blue)}:root{--p-green: #adebb3;--p-leaf: #93c572;--p-blue: #89cff0;--p-sky: #82c8e5;--p-aqua: #afeeee;--p-gray: #d3d3d3;--p-silver: #c4c4c4;--ink-on-pastel: #23261e;--radius-sm: 3px;--radius: 6px;--radius-lg: 10px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--maxw: 1180px;--transition: .3s cubic-bezier(.22, 1, .36, 1)}[data-theme=light]{--bg: #f5f5dc;--bg-2: #fbfaeb;--ink: #23261e;--ink-2: #575c4d;--ink-3: #8a8e7c;--stroke: #2a2d23;--rule: rgba(35, 38, 30, .16);--nav-bg: rgba(245, 245, 220, .92);--grain-opacity: .05;--d-green: #4d8a58;--d-leaf: #567f38;--d-blue: #3576a4;--d-sky: #2e6f94;--d-aqua: #2b8f8f;--d-gray: #75786f;--d-clay: #b4462f}[data-theme=dark]{--bg: #1f2321;--bg-2: #272c29;--ink: #e9ecdc;--ink-2: #b2b6a3;--ink-3: #7f8374;--stroke: #d7dac7;--rule: rgba(233, 236, 220, .16);--nav-bg: rgba(31, 35, 33, .92);--grain-opacity: .07;--d-green: var(--p-green);--d-leaf: var(--p-leaf);--d-blue: var(--p-blue);--d-sky: var(--p-sky);--d-aqua: var(--p-aqua);--d-gray: var(--p-silver);--d-clay: #e6805f}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background var(--transition),color var(--transition)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}ul{list-style:none}::selection{background:var(--p-aqua);color:var(--ink-on-pastel)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--ink-3);border-radius:20px;border:3px solid var(--bg)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}main{counter-reset:sec}.section{padding:clamp(72px,10vw,128px) 0;position:relative}.section-eyebrow{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:18px}.section-eyebrow:before{counter-increment:sec;content:"✳ 0" counter(sec);color:var(--d-leaf);letter-spacing:.06em}.section-eyebrow:after{content:"";flex:1;height:1px;background:var(--rule)}.section-title{font-family:var(--font-display);font-weight:560;font-variation-settings:"opsz" 90;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.08;letter-spacing:-.01em;max-width:20ch}.section-subtitle{color:var(--ink-2);font-size:1.04rem;max-width:56ch;margin-top:16px}.section-head{margin-bottom:56px}.gradient-text{color:var(--ink)}.hl{position:relative;z-index:0;white-space:nowrap}.hl:after{content:"";position:absolute;z-index:-1;left:-.12em;right:-.12em;bottom:.06em;height:.46em;background:var(--hl-color, var(--p-green));transform:rotate(-1deg);border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 26px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;letter-spacing:.01em;border:1.5px solid var(--stroke);transition:transform var(--transition),box-shadow var(--transition),background var(--transition),color var(--transition);white-space:nowrap}.btn:active{transform:translate(0);box-shadow:2px 2px 0 var(--p-blue)}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:5px 5px 0 var(--p-blue)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--p-blue)}.btn-ghost{background:transparent;color:var(--ink);box-shadow:5px 5px 0 var(--p-green)}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--p-green)}.glass{background:var(--bg-2);border:1.5px solid var(--stroke);border-radius:var(--radius)}.chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.75rem;padding:4px 11px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--rule);color:var(--ink-2)}a[aria-label=LinkedIn]{--brand: #0a66c2;--brand-ink: #ffffff}a[aria-label=GitHub]{--brand: #1b1f23;--brand-ink: #ffffff}a[aria-label=Instagram]{--brand: #d6249f;--brand-ink: #ffffff;--brand-bg: radial-gradient(circle at 28% 112%, #fdd876 0%, #fa7e1e 24%, #d62976 50%, #962fbf 74%, #4f5bd5 100%)}a[aria-label=WhatsApp]{--brand: #25d366;--brand-ink: #ffffff}[data-theme=dark] a[aria-label=GitHub]{--brand: #f2f2ea;--brand-ink: #1b1f23}:focus-visible{outline:2px solid var(--d-sky);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media (max-width: 640px){.container{padding:0 18px}}