@import"https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap";#preloader{position:fixed;inset:0;display:grid;place-items:center;background:#0b0b0c;z-index:9999;transition:opacity .4s ease;will-change:opacity,transform,background}#preloader:after{content:"";position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.loader-logo{width:100px;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;animation:kPulse 1.6s ease-in-out infinite;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transition:transform .5s ease,filter .5s ease}@keyframes kPulse{0%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}to{opacity:.45;transform:scale(.96)}}#preloader.preloader--flash:after{animation:flashBurst var( --flash-duration, .7s ) ease forwards}#preloader.preloader--flash .loader-logo{transform:scale(1.08);filter:drop-shadow(0 4px 22px rgba(255,255,255,.65))}@keyframes flashBurst{0%{opacity:0}25%{opacity:.65}60%{opacity:1}to{opacity:0}}#preloader.preloader--hide{opacity:0;pointer-events:none}html.preloader-lock,body.preloader-lock{overflow:hidden;height:100%}.app{position:relative;min-height:100vh;overflow:hidden}.bg-photo{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:78% 60%;z-index:-3;transition:filter .22s ease,transform .22s ease;filter:none}.bg-photo--blur{filter:blur(4px);transform:scale(1.03)}.page{padding-left:var(--sidebar-w)}.page--detail{padding-left:var(--sidebar-w);padding-top:calc(var(--navbar-h) + 24px);background:var(--page-bg)}.section{position:relative;scroll-margin-top:calc(var(--navbar-h) + 6px);padding:clamp(30px,6vh,46px) clamp(16px,7vw,96px);color:#fff}.section__inner,.section__inner--wide,.section__inner--split{max-width:1180px}.section__eyebrow{color:#f7a53b;text-transform:uppercase;letter-spacing:.16em;font-size:16px;opacity:.9;margin:0 0 8px}.section__title{margin:0 0 12px;font-size:clamp(34px,3.2vw,36px)}.section__subtitle{margin:0 0 28px;max-width:540px;font-size:18px;opacity:.92}.section__body{margin:0 0 14px;line-height:1.7;max-width:640px;font-size:20px}.section__link{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.section__link:hover{border-bottom-color:var(--accent)}.section--about{padding-top:clamp(30px,6vh,46px)}.about-section__header{display:flex;align-items:end;justify-content:space-between;gap:24px}.about-tabs{display:inline-flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--glass-stroke);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 16px 38px #0000003d}.about-tabs__button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:1px solid transparent;border-radius:999px;background:transparent;color:#ffffffc7;font:inherit;font-size:15px;font-weight:800;line-height:1;text-transform:uppercase;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.about-tabs__button:hover{transform:translateY(-1px);color:#fff}.about-tabs__button[aria-selected=true]{border-color:#f7a53b8c;background:#f7a53b29;color:#fff}.about-tabs__button:focus-visible,.experience-stage__arrow:focus-visible,.experience-timeline__button:focus-visible,.hobby-card:focus-visible{outline:2px solid rgba(247,165,59,.86);outline-offset:3px}.about-panels{margin-top:clamp(18px,3vh,28px)}.about-panel{animation:aboutPanelIn .24s ease both}.about-panel--story{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(28px,6vw,72px);align-items:center}.about-portrait{position:relative;overflow:hidden;aspect-ratio:4 / 5;min-height:420px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#00000038;box-shadow:var(--shadow)}.about-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:64% 48%}.about-copy{max-width:690px}.about-copy__marker{display:inline-flex;margin-bottom:14px;color:var(--accent);font-size:14px;font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase}.about-copy h3,.hobby-intro h3{margin:0 0 18px;max-width:720px;font-size:40px;font-weight:900;line-height:1.05;text-transform:uppercase}.about-panel--experience{display:grid;gap:clamp(5px,1vh,70px)}.experience-stage{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:18px;min-height:360px}.experience-stage__content{text-align:center}.experience-stage__kicker{margin:0 0 10px;color:#ffffff9e;font-size:18px;font-weight:800;line-height:1}.experience-stage h3{margin:0;color:#fff;font-size:98px;font-weight:900;line-height:.9;text-transform:uppercase}.experience-stage h4{margin:22px 0 12px;color:var(--accent);font-size:24px;font-weight:900;line-height:1.1;text-transform:uppercase}.experience-stage p:last-child{max-width:720px;margin:0 auto;color:#ffffffd1;font-size:18px;line-height:1.7}.experience-stage__arrow{width:56px;height:56px;display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff0f;color:var(--accent);transition:transform .18s ease,background .18s ease,border-color .18s ease}.experience-stage__arrow:hover{transform:translateY(-1px);border-color:#f7a53b8a;background:#f7a53b1f}.experience-stage__arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.experience-timeline{list-style:none;display:grid;grid-template-columns:repeat(var(--timeline-count),minmax(0,1fr));margin:0;padding:0}.experience-timeline__item{position:relative;min-width:0}.experience-timeline__item:not(:first-child):before{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:#ffffff4d}.experience-timeline__item--filled:not(:first-child):before{background:var(--accent)}.experience-timeline__button{position:relative;z-index:1;width:100%;display:grid;justify-items:center;gap:18px;padding:0;border:0;background:transparent;color:#fff;font:inherit}.experience-timeline__dot{width:23px;height:23px;display:block;border:2px solid #ffffff;border-radius:999px;background:var(--bg);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.experience-timeline__button:hover .experience-timeline__dot,.experience-timeline__button[aria-pressed=true] .experience-timeline__dot{transform:scale(1.1);border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 7px #f7a53b21}.experience-timeline__label{color:#ffffffd1;font-size:14px;font-weight:900;line-height:1.2;text-transform:uppercase}.experience-timeline__button[aria-pressed=true] .experience-timeline__label{color:#fff}.about-panel--hobbies{display:grid;gap:28px}.hobby-intro{max-width:720px}.hobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hobby-card{position:relative;min-height:380px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#00000042;box-shadow:var(--shadow)}.hobby-card img{width:100%;height:100%;display:block;object-fit:cover;transition:filter .22s ease,transform .22s ease}.hobby-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:24px;background:linear-gradient(to top,#000000d6,#0000001f);opacity:0;transition:opacity .22s ease}.hobby-card:hover img,.hobby-card:focus img,.hobby-card:focus-visible img{filter:blur(5px);transform:scale(1.04)}.hobby-card:hover .hobby-card__overlay,.hobby-card:focus .hobby-card__overlay,.hobby-card:focus-visible .hobby-card__overlay{opacity:1}.hobby-card__overlay h4{margin:0 0 10px;color:#fff;font-size:24px;font-weight:900;line-height:1.05;text-transform:uppercase}.hobby-card__overlay p{margin:0;color:#ffffffd6;font-size:16px;line-height:1.58}@keyframes aboutPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section--contact{padding-top:clamp(30px,6vh,46px);padding-bottom:clamp(72px,18vh,120px)}.contact{width:100%}.contact__header{margin-bottom:clamp(20px,3vw,34px)}.contact__title{max-width:1060px;margin-bottom:22px;font-size:28px;font-weight:900;line-height:.95;text-transform:uppercase}.contact__subtitle{max-width:900px;margin-bottom:0;font-size:18px;line-height:1.65}.contact__board{position:relative;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.7fr);gap:clamp(18px,2vw,28px);overflow:hidden;padding:20px}.contact__intro,.contact__cards{position:relative;z-index:1}.contact__intro{display:flex;min-height:100%;flex-direction:column;justify-content:center;padding:clamp(8px,1vw,12px)}.contact__status{width:fit-content;display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;padding:10px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#00000047;color:#fff;font-size:13px;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.contact__status span{width:9px;height:9px;border-radius:999px;background:var(--accent);box-shadow:0 0 18px #f7a53bb8}.contact__intro h3{margin:0 0 26px;max-width:360px;font-size:clamp(28px,3.2vw,42px);font-weight:900;line-height:1.08;text-transform:uppercase}.contact__intro p{margin:0 0 24px;max-width:460px;padding-top:26px;border-top:1px solid rgba(255,255,255,.22);color:#ffffffdb;font-size:18px;line-height:1.7}.contact__email-list{display:grid;gap:10px;margin-top:auto}.contact__email-list a{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(247,165,59,.28);border-radius:14px;background:#f7a53b1a;color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.contact__email-list a:hover{transform:translateY(-1px);border-color:#f7a53bad;background:#f7a53b29}.contact__email-list span{color:#ffffffa3;font-size:12px;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase}.contact__email-list strong{color:#fff;font-size:15px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.contact__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-card{position:relative;min-height:238px;display:flex;flex-direction:column;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#ffffff0e;color:#fff;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.contact-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(247,165,59,.18),transparent 52%);opacity:0;transition:opacity .18s ease}.contact-card:hover{transform:translateY(-4px);border-color:#f7a53bb3;background:#ffffff14;box-shadow:0 22px 52px #0000005c}.contact-card:hover:before{opacity:1}.contact-card__corner{position:absolute;top:18px;right:18px;width:18px;height:18px;border-top:2px solid rgba(255,255,255,.42);border-right:2px solid rgba(255,255,255,.42)}.contact-card__icon{position:relative;width:44px;height:44px;display:inline-grid;place-items:center;margin-bottom:auto;color:#fff}.contact-card__icon svg,.contact-card__arrow svg{width:100%;height:100%;display:block}.contact-card__icon svg{fill:currentColor}.contact-card__arrow svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.contact-card__content{position:relative;display:grid;gap:16px;margin-top:34px}.contact-card__title{font-size:18px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:uppercase}.contact-card__description{min-height:54px;color:#ffffffc7;font-size:17px;line-height:1.55;overflow-wrap:anywhere}.contact-card__footer{width:100%;display:flex;justify-content:flex-start;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);color:#ffffffe6}.contact-card__arrow{width:24px;height:24px;display:inline-grid;place-items:center}.contact-card__arrow svg{width:24px;height:24px;transition:transform .18s ease}.contact-card:hover .contact-card__arrow svg{transform:translate(3px,-3px)}.section--projects{padding-top:clamp(30px,6vh,46px)}.projects-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0px,1fr))}.project-card{min-height:100%;display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--glass-stroke);border-radius:18px;padding:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.project-card__media{aspect-ratio:16 / 9;margin-bottom:18px;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#0000003d}.project-card__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:68% 46%}.project-card__header{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;align-items:start;margin-bottom:14px}.project-card__index{grid-row:span 2;color:#ffffffb8;font-size:14px;font-weight:700;line-height:1.1;letter-spacing:.16em;padding-top:6px}.project-card__title{margin:0;font-size:24px;line-height:1.1;text-transform:uppercase}.project-card__role{margin:0;font-size:15px;line-height:1.45;opacity:.9}.project-card__short{margin:0 0 10px;font-size:16px;line-height:1.65;opacity:.92}.project-card__period{width:fit-content;margin:0 0 18px;padding:7px 12px;border:1px solid rgba(247,165,59,.35);border-radius:999px;background:#f7a53b1f;color:#fff;font-size:13px;font-weight:700;line-height:1}.project-card__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 0 22px}.project-card__summary{margin:0;font-size:15px;line-height:1.65;opacity:.9}.project-card__highlights{margin:0}.project-card__subheading{margin:0 0 10px;color:#ffffffb8;font-size:13px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase}.project-card__highlights ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.project-card__highlights li{position:relative;padding-left:16px;font-size:14px;line-height:1.55;opacity:.9}.project-card__highlights li:before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:999px;background:var(--accent)}.project-card__chips{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-wrap:wrap;gap:10px}.project-detail__chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.project-detail__chips li{font-size:14px;padding:4px 10px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.18);color:#fff}.project-card__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.project-card__link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#00000059;color:#fff;font-size:14px;font-weight:700;line-height:1;overflow:hidden;position:relative;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.project-card__link-original{position:absolute;inset:0;display:grid;place-content:center;background:#00000059;color:#fff;transition:transform .22s cubic-bezier(.87,0,.13,1),background .18s ease,color .18s ease}.project-card__link-letters{display:inline-flex;color:var(--accent)}.project-card__link-letter{opacity:0;transform:translateY(-14px);transition:transform .22s cubic-bezier(.87,0,.13,1),opacity .18s ease}.project-card__link-letter:nth-child(2n){transform:translateY(14px)}.project-card__link:hover{transform:translateY(-1px);border-color:#f7a53bb8;background:#f7a53b24;color:var(--accent)}.project-card__link:hover .project-card__link-original{transform:translateY(100%);background:#f7a53b24;color:var(--accent)}.project-card__link:hover .project-card__link-letter{opacity:1;transform:translateY(0);transition-delay:calc(var(--letter-index) * 55ms)}@media(prefers-reduced-motion:reduce){.project-card__link,.project-card__link-original,.project-card__link-letter{transition:none}.project-card__link:hover .project-card__link-original{transform:none}.project-card__link-letter{opacity:1;transform:none}}.section--stacks{padding-top:clamp(30px,6vh,46px)}.tech-stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0px,1fr));gap:18px}.tech-stack-card{min-height:200px;display:flex;flex-direction:column;background:var(--glass);border:1px solid var(--glass-stroke);border-radius:18px;padding:18px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tech-stack-card__title{margin:0 0 16px;font-size:24px;line-height:1.1;text-transform:uppercase}.tech-stack-card__description{margin:0 0 24px;max-width:600px;font-size:16px;line-height:1.65;opacity:.92}.tech-stack-card__tools{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-wrap:wrap;gap:10px}.tech-stack-chip{min-height:42px;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(247,165,59,.35);border-radius:999px;background:#f7a53b1f;color:#fff;font-size:14px;font-weight:700;line-height:1;white-space:nowrap}.tech-stack-chip__icon{width:24px;min-width:24px;height:24px;display:inline-grid;place-items:center;color:#ffffffe6;line-height:0}.tech-stack-chip__icon svg{width:24px;height:24px;display:block}.section--narrow{max-width:820px}.section--detail{background:#000000c7;color:#fff;border-radius:20px;margin:clamp(32px,6vh,48px) auto}.project-detail__meta{margin:0 0 12px;font-size:14px;opacity:.9}.project-detail__summary{margin:0 0 16px;line-height:1.7}.project-detail__highlights h2{margin:20px 0 8px;font-size:18px}.project-detail__highlights ul{margin:0;padding-left:1.2rem;line-height:1.7}.project-detail__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.navbtn--ghost{background:transparent}@media(max-width:1120px){.about-section__header{align-items:flex-start;flex-direction:column}.about-panel--story{grid-template-columns:minmax(240px,.86fr) minmax(0,1.14fr);gap:34px}.experience-stage h3{font-size:88px}.contact__board{grid-template-columns:1fr}.contact__intro{justify-content:flex-start}.contact__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.page,.page--detail{padding-left:0}.section{padding:clamp(28px,6vh,42px) 16px}.section--detail{margin:24px 16px clamp(72px,18vh,120px)}.about-tabs{width:min(100%,430px);align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}.about-tabs__button{min-width:0;padding-inline:10px;border-radius:14px;font-size:12px;white-space:normal}.about-panel--story{grid-template-columns:1fr}.about-portrait{min-height:0;max-height:520px}.about-copy h3,.hobby-intro h3{font-size:30px}.experience-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;min-height:320px}.experience-stage__arrow{width:44px;height:44px}.experience-stage h3{font-size:48px;line-height:.98}.experience-stage h4{margin-top:18px;font-size:18px}.experience-stage p:last-child{font-size:16px}.experience-timeline{grid-template-columns:repeat(var(--timeline-count),minmax(0,1fr));overflow-x:visible;padding:0}.experience-timeline__button{gap:12px}.experience-timeline__label{font-size:11px}.hobby-grid{grid-template-columns:1fr}.hobby-card{min-height:360px}.hobby-card img{filter:none;transform:none}.hobby-card__overlay{top:auto;min-height:42%;opacity:1}.hobby-card:hover img,.hobby-card:focus img,.hobby-card:focus-visible img{filter:none;transform:none}.tech-stack-grid,.projects-grid{grid-template-columns:1fr}.tech-stack-card,.project-card{min-height:0}.contact__title{font-size:clamp(34px,11vw,52px)}.contact__subtitle{font-size:17px}.contact__board{padding:16px;border-radius:16px}.contact__intro{padding:0}.contact__status{margin-bottom:22px}.contact__intro h3{max-width:100%;margin-bottom:20px}.contact__intro p{max-width:100%;padding-top:20px;font-size:16px}.contact-card{min-height:206px;padding:18px;border-radius:16px}.contact-card__icon{width:38px;height:38px}.contact-card__content{margin-top:26px}.contact-card__description{min-height:48px;font-size:15px}.project-card__media{aspect-ratio:2 / 1;margin-bottom:14px}.tech-stack-chip,.project-card__link{min-height:38px;padding:8px 12px;font-size:13px}}@media(max-width:520px){.about-tabs{width:min(100%,380px);grid-template-columns:repeat(3,minmax(0,1fr));border-radius:16px}.about-tabs__button{min-height:38px;padding-inline:6px;font-size:10px}.experience-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;min-height:270px}.experience-stage__arrow{width:38px;height:38px}.experience-stage h3{font-size:clamp(34px,10vw,42px)}.experience-stage h4{font-size:16px}.experience-timeline__item:not(:first-child):before{top:9px}.experience-timeline__dot{width:19px;height:19px}.experience-timeline__button{gap:10px}.experience-timeline__label{font-size:9px;line-height:1.15}.hobby-card{min-height:320px}.project-card__details{grid-template-columns:1fr;gap:16px}.contact__cards{grid-template-columns:1fr}.contact-card{min-height:178px}}@media(max-width:390px){.section{padding-inline:12px}.section--detail{margin-inline:12px}.contact__board{padding:12px}.contact__email-list strong{font-size:14px}}:root{--bg: #3f504b;--muted: #535353;--text: #ffffff;--glass: rgba(124, 124, 124, .2);--glass-stroke: rgba(255, 255, 255, .24);--accent: #f7a53b;--shadow: 0 20px 50px rgba(0, 0, 0, .45);--sidebar-w: 70px;--sidebar-w-sm: 58px;--mobile-bar-h: 64px;--navbar-h: 56px;--navbar-h-sm: 48px}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:Playfair,serif;background:var(--bg);color:var(--text);overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--glass);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px 0;z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar__top{width:100%;display:grid;place-items:center}.sidebar__k{font-family:Playfair,serif;font-size:38px;line-height:1;color:#fff;letter-spacing:.5px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.sidebar__middle{display:grid;place-items:center;width:100%}.sidebar__vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;line-height:1.4;padding-inline:6px;opacity:.95;text-align:center}.sidebar__bottom{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:12px}.sidebar__icons{display:flex;flex-direction:column;gap:10px}.sidebar__btn{width:30px;height:30px;display:grid;place-items:center;color:#fff;text-decoration:none;transition:transform .15s ease,background .15s ease,border-color .15s ease}.sidebar__btn:hover{transform:translateY(-1px);color:var(--accent)}.sidebar__icon{width:22px;height:22px;display:inline-grid;place-items:center}.sidebar__icon svg{width:100%;height:100%;display:block;fill:currentColor}.navbar{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--navbar-h);display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:12px 18px;z-index:40}.navbar__links{position:relative;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#12161547;box-shadow:0 14px 34px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border:1px solid rgba(255,255,255,.35);border-radius:20px;text-decoration:none;color:var(--text);font-size:18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--glass);transition:transform .18s ease,background .18s ease,border-color .18s ease;white-space:nowrap}.navbtn:hover{transform:translateY(-1px);background:#ffffff0f;border-color:#fff9}.navbar .navbtn{isolation:isolate;min-height:38px;overflow:hidden;padding:8px 16px;border-color:transparent;border-radius:999px;background:transparent;color:#ffffffc7;font-weight:700;line-height:1;transition:transform .16s ease,color .16s ease}.navbar .navbtn:hover,.navbar .navbtn:focus-visible,.navbar .navbtn--active{background:transparent;border-color:transparent;color:#fff}.navbar .navbtn:hover{transform:translateY(-1px)}.navbar .navbtn:active{transform:translateY(0) scale(.98)}.navbar .navbtn:focus-visible{outline:2px solid rgba(247,165,59,.82);outline-offset:3px}.navbtn__active-bg{position:absolute;inset:0;z-index:-1;border:1px solid rgba(247,165,59,.5);border-radius:inherit;background:linear-gradient(135deg,#f7a53b3d,#ffffff14),#ffffff0a;box-shadow:0 10px 24px #00000038,0 0 22px #f7a53b29}.navbtn__label{position:relative;z-index:1;display:block}.hero{position:relative;min-height:100vh;padding-left:var(--sidebar-w);padding-right:40px;display:flex;flex-direction:column;justify-content:center}.hero__shade{position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(90deg,#000000d9,#0009 40%,#0000002e,#0000)}.hero__title{font-weight:700;font-size:clamp(72px,7vw,72px);margin:0 0 18px;line-height:1.1}.hero__title--accent{color:var(--accent)}.hero__list{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:600px;font-size:clamp(15px,1.6vw,20px);line-height:1.6}.hero__list li{position:relative;padding-left:16px}.hero__list li:before{content:"";position:absolute;left:0;top:.75em;width:7px;height:7px;border-radius:50%;background:var(--accent)}@media(max-width:768px){.hero{min-height:calc(100vh - var(--navbar-h-sm) - var(--mobile-bar-h) - env(safe-area-inset-bottom,0px));align-items:flex-start;justify-content:center;padding-inline:16px}.hero__title{font-size:clamp(26px,7vw,36px)}.hero__list{font-size:clamp(14px,4vw,16px)}}@media(hover:hover)and (pointer:fine){html,body,a,button,[role=button],.navbtn,[data-cursor]{cursor:none}}.cursor{position:fixed;inset:0;pointer-events:none;z-index:10000;opacity:0;transition:opacity .18s ease}.cursor--active{opacity:1}.cursor__dot{position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;background:var(--text);box-shadow:0 0 10px #ffffff59;transform:translate3d(-100px,-100px,0);will-change:transform;mix-blend-mode:screen}.cursor__ring{position:fixed;left:0;top:0;width:36px;height:36px;border-radius:999px;transform:translate3d(-100px,-100px,0);will-change:transform;background:radial-gradient(35% 35% at 50% 50%,#ffffff8c,#ffffff1a 60%,#fff0 70%),radial-gradient(60% 60% at 50% 50%,#f7a53b59,#f7a53b0d 60%,#f7a53b00 70%);box-shadow:0 0 40px #f7a53b59,0 0 12px #ffffff2e inset;mix-blend-mode:screen;transition:width .14s ease,height .14s ease,opacity .14s ease,filter .14s ease}.cursor--hover .cursor__ring{width:48px;height:48px;filter:brightness(1.05) saturate(1.08)}.cursor--hover .cursor__dot{transform:scale(.9) translate3d(var(--x, 0),var(--y, 0),0)}.cursor--down .cursor__ring{width:40px;height:40px;filter:brightness(1.15)}.cursor__ripple{position:fixed;width:5px;height:5px;left:0;top:0;border-radius:999px;transform:translate(-2px,-2px);background:var(--accent);box-shadow:0 0 8px #f7a53b99;animation:cursorRipple .42s ease-out forwards;mix-blend-mode:screen}@keyframes cursorRipple{0%{opacity:.9;transform:translate(-2px,-2px) scale(1)}60%{opacity:.5;transform:translate(-2px,-2px) scale(12)}to{opacity:0;transform:translate(-2px,-2px) scale(18)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor__ring,.cursor__dot,.cursor__ripple,.navbar__links,.navbar .navbtn,.navbtn__active-bg,.navbtn__label{transition:none!important;animation:none!important}}@media(max-width:900px){.hero__card{margin-top:12vh}}@media(max-width:640px)and (min-width:769px){.sidebar{width:var(--sidebar-w-sm)}.navbar{left:var(--sidebar-w-sm)}.navbar__links{gap:3px}.navbtn{padding:6px 10px;font-size:13px}}@media(max-width:768px){body{padding-bottom:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom,0px))}.sidebar{inset:auto 0 0;width:100%;height:calc(var(--mobile-bar-h) + env(safe-area-inset-bottom,0px));padding:8px max(10px,env(safe-area-inset-left,12px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-right,12px));flex-direction:row;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.18)}.sidebar__top,.sidebar__middle,.sidebar__bottom{width:auto;padding:0}.sidebar__top{display:flex;align-items:center;gap:10px}.sidebar__k{font-size:28px}.sidebar__vertical{display:none}.sidebar__bottom{display:flex;flex-direction:row;gap:12px;padding:0}.sidebar__icons{flex-direction:row;gap:12px}.sidebar__btn{width:28px;height:28px}.navbar{left:0;right:0;height:var(--navbar-h-sm);justify-content:center;gap:12px;padding:8px 12px;background:linear-gradient(to bottom,rgba(0,0,0,.18),transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbtn{padding:6px 12px;font-size:14px;border-radius:16px}.navbar__links{display:flex;justify-content:center;max-width:calc(100vw - 20px);gap:3px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.navbar__links::-webkit-scrollbar{display:none}.navbar .navbtn{min-height:34px;padding:6px 10px;font-size:13px}.hero{min-height:calc(100vh - var(--navbar-h-sm) - var(--mobile-bar-h) - env(safe-area-inset-bottom,0px));align-items:flex-start;justify-content:center}.hero__card{margin:calc(var(--navbar-h-sm) + 12px) 16px 16px 16px;max-width:700px;width:min(100%,720px);text-align:left}.hero__title{font-size:clamp(24px,7vw,36px)}.hero__list{font-size:clamp(14px,4vw,16px);gap:8px}}@media(max-width:390px){.navbtn{font-size:13px;padding:6px 10px}.navbar .navbtn{padding-inline:8px;font-size:12px}.sidebar__k{font-size:24px}.sidebar{height:calc(58px + env(safe-area-inset-bottom,0px))}.hero__card{margin:calc(var(--navbar-h-sm) + 10px) 12px 12px 12px}}