:root{
  --bg:#f7f8f5;--surface:#fff;--soft:#eff2ec;--green:#1b3828;--green-light:#31583d;--muted:#78917b;
  --text:#202820;--text-soft:#687168;--faint:#92998f;--border:#e5e9e2;
  --font-h:"Manrope",sans-serif;--font-b:"DM Sans",sans-serif;
  --container:1160px;--ease:cubic-bezier(.23,1,.32,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{background:var(--bg);color:var(--text);font:15px/1.7 var(--font-b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}
svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--green-light);outline-offset:3px;border-radius:6px}
.container{width:min(var(--container),100% - 48px);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:12px;background:var(--green);color:#fff;padding:8px 14px;border-radius:8px;z-index:99}
h1,h2,h3,h4{font-family:var(--font-h);color:var(--green);font-weight:600;letter-spacing:-.02em}

/* Page loader */
.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:var(--bg);animation:ldOut .6s var(--ease) 1.4s forwards}
.loader span{display:flex;overflow:hidden;padding:0 .1em .12em;font:800 clamp(44px,9vw,68px)/1.1 var(--font-h);letter-spacing:-.04em;color:var(--green)}
.loader b{font-weight:inherit;animation:ldIn .8s var(--ease) .15s both}
.loader i{font-style:normal;color:var(--green-light);animation:ldDot .5s var(--ease) .8s both}
@keyframes ldIn{from{transform:translateY(110%)}}
@keyframes ldDot{from{opacity:0;transform:translateY(40%)}}
@keyframes ldOut{to{opacity:0;visibility:hidden}}

/* Header */
.header{position:fixed;inset:0 0 auto;z-index:50;background:rgb(247 248 245/.85);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .25s var(--ease)}
.header.scrolled{border-color:var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font:800 24px var(--font-h);color:var(--green);letter-spacing:-.04em}.logo span{color:var(--green-light)}
.nav-menu{display:flex;gap:34px}
.nav-link{position:relative;font-size:13px;color:var(--text-soft);padding:6px 0;transition:color .2s}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-link.active{color:var(--green);font-weight:600}.nav-link.active::after{transform:scaleX(1)}
.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:6px 14px;border:1px solid var(--border);border-radius:99px;background:var(--surface);color:var(--text-soft)}
.status i{width:6px;height:6px;border-radius:50%;background:#3f8f5a;animation:blink 2.4s ease-in-out infinite}
.menu-toggle{display:none;width:40px;height:40px;background:none;border:0;cursor:pointer;position:relative}
.menu-toggle span{position:absolute;left:10px;right:10px;height:1.5px;background:var(--green);transition:transform .3s var(--ease)}
.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:23px}
.menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

@media (max-width:1100px){.nav-menu{gap:22px}}

/* Buttons & links */
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;font-size:13px;font-weight:500;padding:13px 24px;border-radius:99px;border:1px solid var(--green);transition:transform .16s var(--ease),background-color .2s}
.btn svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--green);border-color:var(--green-light);margin-top:28px}
.text-link{font-size:12px;color:var(--green);display:inline-flex;gap:6px;padding-bottom:3px;border-bottom:1px solid var(--green-muted)}
.text-link:not(.plain)::after{content:"\2192\FE0E"}
.text-link.plain{border:0;font-size:13px}
@media (hover:hover){.btn:hover{background:var(--green-light)}.btn:hover svg{transform:translateX(3px)}.text-link:hover{border-color:var(--green)}}

/* Hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:100svh;padding:120px 0 80px}
.hero-copy{padding-left:min(70px,4vw)}
.chip{display:inline-block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border:1px solid var(--border);border-radius:99px;background:var(--surface);margin-bottom:26px}
h1{font-size:clamp(38px,5.2vw,58px);line-height:1.08;font-weight:500;margin-bottom:24px}
.hero-copy p{max-width:400px;color:var(--text-soft);margin-bottom:34px}
.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.hero-copy>*{animation:rise .8s var(--ease) 1.15s both}
.hero-copy>:nth-child(2){animation-delay:1.23s}.hero-copy>:nth-child(3){animation-delay:1.31s}.hero-copy>:nth-child(4){animation-delay:1.39s}

/* Hero visual — retro computer (CSS 3D) */
.stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.stage.grab{cursor:grabbing}
.spin{transform-style:preserve-3d;transition:transform 1s cubic-bezier(.34,1.4,.64,1)}
.stage{--k:1.22;position:relative;width:min(100%,480px);height:470px;justify-self:center;perspective:1500px;animation:fade 1s var(--ease) 1.1s both}
.pc{position:absolute;left:50%;top:calc(50% + 26px);transform:scale(var(--k));transform-style:preserve-3d}
.rig{transform-style:preserve-3d;transform:rotateX(13deg) rotateY(-30deg);animation:hvin 1.5s var(--ease) 1.1s both,hvsway 16s ease-in-out 2.6s infinite alternate}
.box{--c:#e8ece3;position:absolute;left:calc(var(--w) / -2);top:calc(var(--h) / -2);width:var(--w);height:var(--h);transform-style:preserve-3d;transform:translate3d(var(--x),var(--y),var(--z))}
.f{position:absolute;background:var(--c);border:1px solid rgb(27 56 40/.14);backface-visibility:hidden}
.f.front{width:var(--w);height:var(--h);transform:translateZ(calc(var(--d) / 2))}
.f.back{width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d) / 2));background-image:linear-gradient(rgb(27 56 40/.25),rgb(27 56 40/.25))}
.f.right{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2));background-image:linear-gradient(rgb(27 56 40/.14),rgb(27 56 40/.14))}
.f.left{width:var(--d);height:var(--h);left:calc((var(--w) - var(--d)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background-image:linear-gradient(rgb(27 56 40/.2),rgb(27 56 40/.2))}
.f.top{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);transform:rotateX(90deg) translateZ(calc(var(--h) / 2));background-image:linear-gradient(rgb(255 255 255/.55),rgb(255 255 255/.55))}
.f.bottom{width:var(--w);height:var(--d);top:calc((var(--h) - var(--d)) / 2);transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background-image:linear-gradient(rgb(27 56 40/.35),rgb(27 56 40/.35))}
.base .f.right{background:repeating-linear-gradient(90deg,transparent 0 5px,rgb(27 56 40/.28) 5px 6px) right 16px center/70px 20px no-repeat,linear-gradient(rgb(27 56 40/.14),rgb(27 56 40/.14)),var(--c)}
.kb .f.top{background:repeating-linear-gradient(90deg,transparent 0 17px,rgb(27 56 40/.2) 17px 18px),repeating-linear-gradient(0deg,transparent 0 13px,rgb(27 56 40/.2) 13px 14px),linear-gradient(rgb(255 255 255/.4),rgb(255 255 255/.4)),var(--c)}
.floor{position:absolute;left:-230px;top:-180px;width:460px;height:360px;transform:translate3d(0,126px,-30px) rotateX(90deg);background:radial-gradient(closest-side,rgb(27 56 40/.22),transparent)}
.ui{position:absolute;inset:0;transform:translateZ(calc(var(--d) / 2 + 1px))}
.slot{position:absolute;left:24px;top:18px;width:70px;height:5px;border-radius:3px;background:#c3ccbf}
.lbl{position:absolute;right:14px;top:10px;font:600 8px var(--font-h);letter-spacing:.5em;color:var(--green-light)}
.mb{position:absolute;left:26px;top:6px;font:600 7px var(--font-b);letter-spacing:.14em;color:#7d8a7a}
.scr{position:absolute;left:22px;right:22px;top:20px;bottom:44px;border-radius:14px/12px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#17351f,#0c1f14 78%);border:4px solid #c9d2c4;box-shadow:inset 0 0 22px rgb(0 0 0/.6),0 0 0 1px rgb(27 56 40/.2)}
.scr::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgb(255 255 255/.14),transparent 38%),repeating-linear-gradient(0deg,rgb(0 0 0/.2) 0 1px,transparent 1px 3px)}
.tty{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 12px;overflow:hidden;font:9px/1.6 ui-monospace,Menlo,monospace;color:#8fd0a0;text-shadow:0 0 6px rgb(143 208 160/.45);white-space:pre}
.tty .o{color:#d4f2db}
.tty .cur::after{content:"";display:inline-block;width:5px;height:9px;margin-left:2px;vertical-align:-1px;background:#8fd0a0;animation:blink 1s steps(1) infinite}
.led{position:absolute;left:30px;bottom:17px;width:6px;height:6px;border-radius:50%;background:#3f8f5a;box-shadow:0 0 6px #3f8f5a;animation:blink 3s ease-in-out infinite}
.pwr{position:absolute;left:50%;bottom:14px;width:30px;height:12px;margin-left:-15px;border-radius:3px;background:#dfe5dc;box-shadow:inset 0 1px 2px rgb(27 56 40/.3)}
.ui.bk{transform:rotateY(180deg) translateZ(calc(var(--d) / 2 + 1px));transform-style:preserve-3d}
.postit{position:absolute;right:6px;top:7px;width:42px;height:42px;display:grid;place-items:center;text-align:center;transform-origin:50% 0;transform:rotate(3deg) rotateX(17deg);background:linear-gradient(180deg,#ffe86b,#fdd83a 62%,#ffe05a);box-shadow:0 1px 1px rgb(0 0 0/.12);font:600 9px/1.05 "Caveat","Segoe Print","Bradley Hand",cursive;color:#3b3a28;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.pshadow{position:absolute;right:7px;top:16px;width:37px;height:34px;border-radius:5px;background:rgb(20 30 20/.3);filter:blur(3px);transform:rotate(3deg)}
.postit::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(rgb(255 255 255/.35),transparent)}
.postit::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;background:linear-gradient(315deg,rgb(0 0 0/.14),transparent 55%)}
.postit span{transform:rotate(-2deg);white-space:nowrap}
@keyframes hvin{from{transform:rotateX(13deg) rotateY(-86deg)}}
@keyframes hvsway{to{transform:rotateX(10deg) rotateY(-12deg)}}

/* Sections */
.section{padding:70px 0 20px}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px}
.head h2{font-size:30px;font-weight:500}.head p{color:var(--text-soft);max-width:340px;margin-top:8px;font-size:14px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card,.work{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .3s var(--ease),border-color .25s}
.card{display:flex;flex-direction:column;gap:6px;min-height:200px}
.ico{width:32px;height:32px;color:var(--green);margin-bottom:20px}
.card h3,.work h3{font-size:16px;font-weight:600}
.card p,.work p{font-size:13px;color:var(--text-soft);line-height:1.6}
.tag{display:inline-block;margin-top:auto;font:normal 10px var(--font-b);letter-spacing:.07em;text-transform:uppercase;background:var(--soft);color:var(--green-light);padding:4px 12px;border-radius:99px}
.card .tag{align-self:flex-start;margin-top:auto}
@media (hover:hover){.card:hover,.work:hover{transform:translateY(-4px);border-color:var(--muted)}.work:hover .foot svg{transform:translateX(4px)}}

.work{padding:10px 10px 18px;display:block}
.work h3,.work p,.work .foot{padding-inline:12px}
.art{height:150px;border-radius:10px;margin-bottom:16px;overflow:hidden;display:grid;place-items:center}
.work h3{margin-bottom:4px}
.foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.foot span{display:flex;gap:8px}.foot .tag{margin:0}
.foot svg{width:15px;height:15px;color:var(--green);transition:transform .25s var(--ease)}
.term{background:#0f2418;place-items:start;padding:20px}
.term code{font:12px/1.9 ui-monospace,Menlo,monospace;color:#7fb48f}.term b{color:#b9e6c5;font-weight:400}
.term u{display:inline-block;width:7px;height:13px;background:#7fb48f;vertical-align:middle;margin-left:4px;animation:blink 1s steps(1) infinite}
.net{background:#f1f4ee}.net svg{height:100%;width:auto;max-width:100%}
.nt-l{fill:none;stroke:var(--muted);stroke-width:1;opacity:.7}
.nt-n{fill:var(--surface);stroke:var(--green);stroke-width:1.2}
.nt-i{fill:none;stroke:var(--green);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.nt-p{fill:var(--green);stroke:none}
.nt-pdu{fill:var(--green-light);stroke:#fff;stroke-width:.9;stroke-linejoin:round;opacity:0;offset-rotate:0deg;animation:ntgo 12s cubic-bezier(.45,0,.55,1) infinite}
@keyframes ntgo{0%{offset-distance:0%;opacity:0}2%{opacity:1}8%,9.5%{offset-distance:var(--m)}16%{offset-distance:100%;opacity:1}18%,100%{offset-distance:100%;opacity:0}}
.wave{background:linear-gradient(135deg,#0f2418,#244a33)}.wave svg{width:100%;height:100%;stroke:#6fae85;stroke-width:1;opacity:.85}

/* C++ card */
.cpp{background:#f1f4ee;position:relative}
.ed{width:min(88%,290px);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 0 10px;box-shadow:0 14px 30px -18px rgb(27 56 40/.35)}
.ed-bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 10px;border-bottom:1px solid var(--border)}
.ed-bar i{width:6px;height:6px;border-radius:50%;background:#d6ddd2}
.ed-bar em{margin-left:6px;font:normal 9px var(--font-b);color:var(--faint)}
.ed code{display:block;padding:8px 12px 0;font:10.5px/1.6 ui-monospace,Menlo,monospace;color:#3d4a3f}
.ed p{display:flex;gap:12px;margin:0;font-size:inherit;line-height:inherit;color:inherit}.ed s{text-decoration:none;color:#b3bcb0;width:8px;text-align:right}
.ed span{display:block;width:0;overflow:hidden;white-space:pre;animation:cptype 12s steps(var(--n)) infinite}
.ed p:nth-child(2) span{animation-delay:1.3s}.ed p:nth-child(3) span{animation-delay:2.3s}.ed p:nth-child(4) span{animation-delay:3.5s}.ed p:nth-child(5) span{animation-delay:4.6s}
.ed b{color:var(--green-light);font-weight:600}
.cpp .ok{position:absolute;right:max(7%,calc(50% - 138px));bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 11px 4px 8px;border-radius:99px;background:var(--green);color:#fff;font:500 10px var(--font-b);opacity:0;animation:cpok 12s var(--ease) 6.2s infinite}
.cpp .ok svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes cptype{0%{width:0}12%,88%{width:calc(var(--n) * 1ch)}94%,100%{width:0}}
@keyframes cpok{0%{opacity:0;transform:translateY(6px) scale(.94)}4%,36%{opacity:1;transform:none}40%,100%{opacity:0;transform:none}}

/* About */
.about{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:0;padding-top:50px;border-top:1px solid var(--border)}
.about>div{padding:0 36px}.about>div:first-child{padding-left:0}.about>div+div{border-left:1px solid var(--border)}
.about h2{font-size:30px;font-weight:500;margin-bottom:14px}
.about p{color:var(--text-soft);font-size:14px;max-width:320px}
.about h4{font-size:13px;margin-bottom:22px}
.timeline li{position:relative;padding:0 0 22px 24px;display:grid}
.timeline li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:50%;background:var(--green-light)}
.timeline b{font-size:12px;font-family:var(--font-h);color:var(--green)}.timeline span{font-size:12px}.timeline small{font-size:11px;color:var(--faint)}
.pills{display:flex;flex-wrap:wrap;gap:10px}.pills span{font-size:12px;background:var(--soft);padding:6px 16px;border-radius:99px}

.timeline .future::before{background:var(--bg);border:1.5px solid var(--green-light);width:9px;height:9px;left:-1px;top:6px}
.cvcard{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:50px;padding:26px 30px;border-radius:16px;background:var(--green);color:#fff;transition:transform .3s var(--ease)}
.cvcard h3{color:#fff;font-size:20px;font-weight:600}.cvcard p{color:#b9cdbd;font-size:13px;max-width:440px}
.cvgo{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:10px 20px;border:1px solid rgb(255 255 255/.35);border-radius:99px}
.cvgo svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.cvcard:active{transform:scale(.99)}
@media (hover:hover){.cvcard:hover .cvgo svg{transform:translate(2px,-2px)}.cvcard:hover .cvgo{background:rgb(255 255 255/.1)}}

/* Contact */
.contact{margin-top:60px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:38px 44px;border:1px solid var(--border);border-radius:20px;background:radial-gradient(circle at 50% 0,rgb(49 88 61/.16),transparent 38%),var(--soft)}
.contact h2{font-size:26px;font-weight:500}.contact p{color:var(--text-soft);font-size:13px}
.contact-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding:22px 0 30px;border-top:1px solid var(--border);font-size:11px;color:var(--faint)}
.footer .logo{font-size:18px}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
@keyframes fade{from{opacity:0}}
@keyframes blink{50%{opacity:.25}}
@keyframes travel{0%{transform:translateX(-35px);opacity:0}30%,70%{opacity:1}100%{transform:translateX(35px);opacity:0}}

@media (max-width:980px){
  .grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr}
  .about{grid-template-columns:1fr;gap:36px}.about>div{padding:0}.about>div+div{border:0;border-top:1px solid var(--border);padding-top:30px}
}
@media (max-width:820px){
  .menu-toggle{display:block}.status{display:none}
  .nav-menu{position:fixed;inset:68px 0 auto;flex-direction:column;gap:6px;padding:20px 24px 28px;background:var(--bg);border-bottom:1px solid var(--border);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s}
  .nav-menu.open{opacity:1;visibility:visible;transform:none}
  .nav-link{font-size:16px;display:inline-block}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero-copy{padding:0}.stage{--k:.8;height:340px;margin-top:-30px}
  .head{flex-direction:column;align-items:flex-start}
  .contact{padding:30px 24px}
}
@media (max-width:520px){.grid4{grid-template-columns:1fr}.footer{flex-direction:column;gap:8px}}

/* Secret: keep scrolling at the bottom */
.dots{position:fixed;left:50%;bottom:20px;z-index:60;display:flex;gap:7px;transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.dots.on{opacity:1}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--border);border:1px solid var(--muted);transition:background-color .25s var(--ease),transform .25s var(--ease)}
.dots i.f{background:var(--green);border-color:var(--green);transform:scale(1.25)}
.veil{position:fixed;inset:0;z-index:200;pointer-events:none;background:#0f2418;clip-path:circle(0 at 50% 100%);transition:clip-path .75s cubic-bezier(.77,0,.175,1)}
body.veil-on .veil{clip-path:circle(150% at 50% 100%);pointer-events:auto}

/* Email dialog */
.dlg{margin:auto;width:min(400px,calc(100% - 40px));padding:30px 30px 18px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);text-align:center;box-shadow:0 30px 80px -30px rgb(27 56 40/.45)}
.dlg[open]{animation:dlgin .28s var(--ease)}
.dlg::backdrop{background:rgb(27 56 40/.3);backdrop-filter:blur(4px)}
.dlg[open]::backdrop{animation:dlgfade .28s var(--ease)}
.dlg h3{font-size:21px;font-weight:600;margin-bottom:8px}
.dlg p{font-size:14px;color:var(--text-soft);line-height:1.6}.dlg p b{color:var(--green);font-weight:600;word-break:break-all}
.dlg-actions{display:grid;gap:10px;margin:22px 0 6px}
.dlg .btn{margin:0;justify-content:center;text-align:center;font-family:inherit;cursor:pointer}
.dlg .btn.ghost{background:transparent;color:var(--green);border-color:var(--green-light)}
.dlg-x{all:unset;cursor:pointer;font-size:12px;color:var(--faint);padding:8px 14px;border-radius:8px}
.dlg-x:focus-visible{outline:2px solid var(--green-light)}
@media (hover:hover){.dlg-x:hover{color:var(--green)}.dlg .btn.ghost:hover{background:var(--soft)}}
@keyframes dlgin{from{opacity:0;transform:translateY(8px) scale(.97)}}
@keyframes dlgfade{from{opacity:0}}
.mail{display:inline-block;margin-top:8px;font-size:13px;color:var(--green);border-bottom:1px solid var(--muted)}
@media (prefers-reduced-motion:reduce){.loader{display:none}*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}