:root{--color-bg: #F5F4FA;--color-surface: #FFFFFF;--color-dark: #4A4E69;--color-body: #2E2B3A;--color-accent: #009DDC;--color-mid: #9A8C98;--color-dark-80: rgba(74, 78, 105, .8);--color-dark-10: rgba(74, 78, 105, .08);--color-accent-20: rgba(0, 157, 220, .2);--color-accent-10: rgba(0, 157, 220, .1);--color-mid-20: rgba(154, 140, 152, .2);--color-mid-10: rgba(154, 140, 152, .08);--color-body-60: rgba(46, 43, 58, .6);--color-body-40: rgba(46, 43, 58, .4);--color-header-bg: rgba(245, 244, 250, .7);--color-header-mobile-bg: rgba(245, 244, 250, .97);--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--header-height: 72px;--transition-fast: .2s ease;--transition-med: .4s ease;--transition-slow: .7s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg: #1A1B2E;--color-surface: #252638;--color-dark: #759AAB;--color-body: #C8D0D8;--color-accent: #EF233C;--color-mid: #4A4E69;--color-dark-80: rgba(117, 154, 171, .8);--color-dark-10: rgba(117, 154, 171, .1);--color-accent-20: rgba(239, 35, 60, .2);--color-accent-10: rgba(239, 35, 60, .1);--color-mid-20: rgba(74, 78, 105, .35);--color-mid-10: rgba(74, 78, 105, .15);--color-body-60: rgba(200, 208, 216, .6);--color-body-40: rgba(200, 208, 216, .4);--color-header-bg: rgba(26, 27, 46, .92);--color-header-mobile-bg: rgba(26, 27, 46, .98)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-mid);border-radius:3px}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.section-label{font-size:.8rem;color:var(--color-accent);margin-bottom:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--color-dark);margin-bottom:1rem;letter-spacing:-.02em}.accent{color:var(--color-accent)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal-right.revealed{opacity:1;transform:translate(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.page-wrapper{min-height:100vh;position:relative;z-index:1}@media(max-width:768px){.section{padding:4rem 0}.container{padding:0 1.25rem}}@media(max-width:480px){.section{padding:3rem 0}}#root{min-height:100vh;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);background:transparent;transition:background var(--transition-med),backdrop-filter var(--transition-med),box-shadow var(--transition-med)}.header--scrolled{background:var(--color-header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--color-mid-20)}.header__inner{height:100%;display:flex;align-items:center;justify-content:flex-end;position:relative}.header__logo{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--color-dark);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.75}.header__logo-dot{color:var(--color-accent)}.header__nav{position:fixed;top:0;left:50%;transform:translate(-50%);height:var(--header-height);display:flex;align-items:center;gap:2.5rem;z-index:100;overflow:hidden}.header__link{font-size:.9rem;font-weight:500;letter-spacing:.04em;color:var(--color-dark-80);position:relative;transition:color var(--transition-fast)}.header__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);border-radius:1px;transition:width var(--transition-med)}.header__link:hover,.header__link--active{color:var(--color-dark)}.header__link:hover:after,.header__link--active:after{width:100%}.header__controls{display:flex;align-items:center;gap:.75rem}.header__hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.header__theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1.5px solid var(--color-mid-20);border-radius:50%;cursor:pointer;color:var(--color-dark);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);flex-shrink:0}.header__theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-10)}.header__theme-toggle svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.header__hamburger span{display:block;width:24px;height:2px;background:var(--color-dark);border-radius:1px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.header__hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__hamburger.open span:nth-child(2){opacity:0}.header__hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:640px){.header__nav{position:fixed;top:0;left:0;right:0;height:auto;overflow:visible;background:var(--color-header-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(16px);flex-direction:column;align-items:flex-start;padding:calc(var(--header-height) + 1rem) 2rem 2rem;gap:1.5rem;transform:translateY(-100%);transition:transform var(--transition-med);border-bottom:1px solid var(--color-mid-20);z-index:99}.header__nav--open{transform:translateY(0)}.header__link{font-size:1.1rem}.header--scrolled{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.header__hamburger{display:flex;padding:6px;background:none!important;border:none!important;box-shadow:none!important;outline:none!important}}.footer{background:transparent;margin-top:auto;position:relative;z-index:1}.footer__inner{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;padding-bottom:2rem}.footer__socials{display:flex;gap:.75rem}.footer__social{width:38px;height:38px;border-radius:10px;background:var(--color-mid-10);border:1px solid var(--color-mid-20);display:flex;align-items:center;justify-content:center;color:var(--color-dark);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.footer__social:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-2px)}.footer__right{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.footer__copy,.footer__built{font-size:.8rem;color:var(--color-body-40)}@media(max-width:480px){.footer__inner{flex-direction:column;gap:1rem;text-align:center}.footer__right{align-items:center}}.page-transition{will-change:opacity,transform}.page-enter{opacity:0;transform:translateY(16px)}.page-enter-done{opacity:1;transform:translateY(0);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.page__bg{position:fixed;inset:0;z-index:0;pointer-events:none;display:block;width:100%;height:100%}.home.page-wrapper{position:relative;z-index:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;z-index:1}.hero__content{position:relative;z-index:1;padding-top:var(--header-height);width:100%}.hero__eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.25rem}.hero__name{font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--color-dark);margin-bottom:1.5rem}.hero__tagline{font-size:clamp(1rem,2vw,1.2rem);color:var(--color-body-60);max-width:560px;line-height:1.7;margin-bottom:2.5rem}.hero__cta{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:.8rem 2rem;border-radius:6px;font-size:.9rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #009ddc66}.btn--ghost{background:transparent;color:var(--color-dark);border:1.5px solid var(--color-mid-20)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.about{position:relative;z-index:1;background:transparent}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.about__body{color:var(--color-body-60);margin-bottom:1.2rem;font-size:1.02rem;line-height:1.8}.about__skills{background:transparent;border:none;padding:0 0 2rem;display:flex;flex-direction:column;gap:1.5rem}.about__skills-group{display:flex;flex-direction:column;gap:.6rem}.about__skills-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:0}.about__skills-grid{display:flex;flex-wrap:wrap;gap:.6rem}.skill-tag{padding:.35rem .85rem;border-radius:20px;font-size:.82rem;font-weight:500;background:#ffffffb3;color:var(--color-dark);border:1px solid var(--color-mid-20);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.skill-tag:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-1px)}.stats{position:relative;z-index:1;background:transparent}.stats__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.stat-card{min-width:160px}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:2rem 1rem;background:transparent;border:none}.stat-card__value{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--color-accent);letter-spacing:-.04em;line-height:1}.stat-card__label{font-size:.85rem;color:var(--color-body-60);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.contact-cta{text-align:center;position:relative;z-index:1;background:transparent}.contact-cta__inner{max-width:640px;margin:0 auto}.contact-cta__heading{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1rem;color:var(--color-dark)}.contact-cta__body{color:var(--color-body-60);font-size:1.05rem;line-height:1.75;margin-bottom:2rem}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:480px){.hero__cta{flex-direction:column;align-items:flex-start}.hero__cta .btn{width:100%;text-align:center}.hero__name{font-size:clamp(2.8rem,14vw,4rem)}}.page-hero{position:relative;padding:calc(var(--header-height) + 4rem) 0 2rem;background:transparent}.page-hero__content{position:relative;z-index:1}.page-hero__title{font-size:clamp(2.5rem,7vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;margin-bottom:1.25rem;color:var(--color-dark)}.page-hero__subtitle{font-size:clamp(1rem,2vw,1.15rem);color:var(--color-body-60);max-width:540px;line-height:1.75}.projects-content{padding-top:2.5rem;background:transparent}.filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:3rem}.filter-tab{padding:.5rem 1.25rem;border-radius:30px;border:1.5px solid var(--color-mid-20);background:transparent;color:var(--color-body-60);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.filter-tab:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-tab--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff!important}.filter-tab--active:hover{color:#fff!important}.projects-featured{display:flex;flex-direction:column;gap:4rem;margin-bottom:4rem}.projects-featured:empty{display:none;margin-bottom:0}.project-card--featured{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mid-20);border-radius:20px;padding:3rem;transition:transform var(--transition-med),box-shadow var(--transition-med)}.project-card--featured:hover{transform:translateY(-4px);box-shadow:0 20px 60px #4a4e691a}.project-card__visual{aspect-ratio:4/3;background:var(--color-bg);border-radius:12px;border:1px solid var(--color-mid-20);overflow:hidden;padding:1.5rem;display:flex;align-items:center;justify-content:center}.project-card__mock{width:100%}.mock-bar{height:10px;background:var(--color-mid-20);border-radius:5px;margin-bottom:.8rem;width:80%}.mock-bar--short{width:55%;background:#4a4e691a}.mock-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.mock-block{height:40px;background:#4a4e6912;border-radius:6px}.mock-block--accent{background:#009ddc33}.mock-block--sm{height:24px;margin-top:.4rem}.project-card__body{display:flex;flex-direction:column;gap:0}.project-card__meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.project-card__year{font-size:.75rem;color:var(--color-body-40);font-weight:500}.project-card__category{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);background:var(--color-accent-10);padding:.2rem .6rem;border-radius:30px;border:1px solid var(--color-accent-20)}.project-card__title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-dark);margin-bottom:.85rem;line-height:1.2}.project-card__desc{font-size:.95rem;color:var(--color-body-60);line-height:1.75;margin-bottom:1.25rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{font-size:.78rem;font-weight:500;padding:.25rem .7rem;border-radius:20px;background:var(--color-mid-10);color:var(--color-dark);border:1px solid var(--color-mid-20)}.project-card__link{font-size:.88rem;font-weight:600;color:var(--color-accent);letter-spacing:.04em;display:inline-flex;align-items:center;gap:.5rem;transition:gap var(--transition-fast),opacity var(--transition-fast)}.project-card__link:hover{gap:.85rem;opacity:.8}.arrow{display:inline-block;transition:transform var(--transition-fast)}.project-card__link:hover .arrow{transform:translate(3px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.projects-grid .project-card{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mid-20);border-radius:16px;padding:2rem;transition:transform var(--transition-med),box-shadow var(--transition-med)}.projects-grid .project-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #4a4e691a}.projects-grid .project-card__title{font-size:1.2rem}@media(max-width:768px){.project-card--featured{grid-template-columns:1fr}.project-card__visual{aspect-ratio:16/7}.page-hero__shape--dots{display:none}}.timeline{padding-top:2.5rem;background:transparent}.timeline__track{display:flex;flex-direction:column;gap:0;padding-left:1rem}.timeline__item{display:grid;grid-template-columns:32px 1fr;gap:2rem;position:relative}.timeline__marker{display:flex;flex-direction:column;align-items:center;padding-top:1.5rem}.timeline__dot{width:14px;height:14px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-accent);flex-shrink:0;position:relative;z-index:1;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.timeline__dot--active{background:var(--color-accent);box-shadow:0 0 0 4px #009ddc33}.timeline__line{flex:1;width:2px;background:linear-gradient(to bottom,var(--color-mid-20),transparent);margin-top:8px;min-height:40px}.timeline__item:last-child .timeline__line{display:none}.timeline__card{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mid-20);border-radius:16px;padding:2rem;margin-bottom:2rem;transition:transform var(--transition-med),box-shadow var(--transition-med)}.timeline__card:hover{transform:translate(4px);box-shadow:0 12px 40px #4a4e691a}.badge{display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .75rem;border-radius:30px;margin-bottom:1rem}.badge--current{background:#009ddc1f;color:var(--color-accent);border:1px solid var(--color-accent-20)}.timeline__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.timeline__role{font-size:1.25rem;font-weight:700;color:var(--color-dark);letter-spacing:-.02em;margin-bottom:.3rem}.timeline__company{font-size:1rem;font-weight:600;color:var(--color-accent)}.timeline__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.timeline__period{font-size:.85rem;color:var(--color-body-60);font-weight:500;white-space:nowrap}.timeline__location{font-size:.78rem;color:var(--color-body-40)}.timeline__desc{font-size:.95rem;color:var(--color-body-60);line-height:1.75;margin-bottom:1.25rem}.timeline__highlights{list-style:none;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.timeline__highlights li{display:flex;gap:.6rem;font-size:.9rem;color:var(--color-body-60);line-height:1.55}.highlight-icon{color:var(--color-accent);flex-shrink:0;font-size:.9rem;margin-top:1px}.timeline__tech{display:flex;flex-wrap:wrap;gap:.5rem}@media(max-width:640px){.timeline__header{flex-direction:column}.timeline__meta{align-items:flex-start}.timeline__item{gap:1rem}}.certs-section{padding-top:2.5rem;background:transparent}.certs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.cert-card{background:#ffffff80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-mid-20);border-radius:16px;overflow:hidden;transition:transform var(--transition-med),box-shadow var(--transition-med)}.cert-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #4a4e691a}.cert-card--featured{border-radius:20px}.cert-card__accent-bar{height:4px;width:100%}.cert-card__inner{padding:2rem}.cert-card__inner--compact{padding:1.5rem}.cert-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.cert-card__img{width:80px;height:80px;object-fit:contain}.cert-card__img--sm{width:60px;height:60px}.cert-card__level-badge{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .75rem;border-radius:30px;background:#009ddc1a;color:var(--color-accent);border:1px solid var(--color-accent-20)}.cert-card__title{font-size:1.3rem;font-weight:700;color:var(--color-dark);letter-spacing:-.02em;line-height:1.25;margin-bottom:.4rem}.cert-card__title--sm{font-size:1.05rem}.cert-card__issuer{font-size:.88rem;color:var(--color-accent);font-weight:600;margin-bottom:1rem}.cert-card__desc{font-size:.9rem;color:var(--color-body-60);line-height:1.75;margin-bottom:1.25rem}.cert-card__skills{display:flex;flex-wrap:wrap;gap:.45rem}.cert-card__footer{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--color-mid-20)}.cert-card__footer--compact{margin-top:1rem;padding-top:1rem}.cert-card__dates{display:flex;gap:1.5rem;flex-wrap:wrap}.cert-date{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem;color:var(--color-body-60)}.cert-date__label{font-size:.7rem;color:var(--color-body-40);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.cert-card__id{font-size:.72rem;color:var(--color-body-40);font-family:monospace;letter-spacing:.05em}@media(max-width:768px){.certs-grid{grid-template-columns:1fr}}.not-found{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-bg);padding:2rem}.not-found__shape--ring{position:absolute;width:500px;height:500px;border-radius:50%;border:48px solid rgba(0,157,220,.07);top:-100px;right:-100px;animation:spin-slow 45s linear infinite}.not-found__shape--blob{position:absolute;width:340px;height:340px;background:#9a8c981a;border-radius:60% 40% 52% 48%/50% 42% 58% 50%;bottom:-80px;left:-60px;animation:morph 20s ease-in-out infinite}.not-found__shape--circle{position:absolute;width:90px;height:90px;border-radius:50%;background:#009ddc1a;bottom:25%;right:15%;animation:float 7s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morph{0%,to{border-radius:60% 40% 52% 48%/50% 42% 58% 50%}33%{border-radius:44% 56% 40% 60%/58% 40% 60% 42%}66%{border-radius:54% 46% 60% 40%/44% 56%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.not-found__content{position:relative;z-index:1;text-align:center;max-width:560px}.not-found__code{font-size:clamp(6rem,20vw,12rem);font-weight:800;line-height:1;margin:0 0 .25rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.04em;-webkit-user-select:none;user-select:none}.not-found__title{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:var(--color-dark);margin:0 0 1.25rem}.not-found__message{font-size:1.0625rem;line-height:1.7;color:var(--color-body-60);margin:0 0 2.5rem}.not-found__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found__actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:2px solid transparent}.not-found__actions .btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.not-found__actions .btn--primary:hover{background:transparent;color:var(--color-accent)}.not-found__actions .btn--outline{background:transparent;color:var(--color-dark);border-color:var(--color-mid-20)}.not-found__actions .btn--outline:hover{border-color:var(--color-accent);color:var(--color-accent)}@media(max-width:480px){.not-found__actions{flex-direction:column;align-items:stretch}.not-found__actions .btn{width:100%}}