:root{
  --ink:#0c0d0f;
  --ink-2:#3d4149;
  --ink-3:#6b7280;
  --ink-4:#9aa0a8;
  --line:#e8eaed;
  --line-2:#dcdfe4;
  --bg:#ffffff;
  --bg-soft:#f7f8fa;
  --accent:#1667e8;
  --accent-d:#0f52bf;
  --accent-soft:#eaf2ff;
  --ok:#0f9d6b;
  --danger:#c9372f;
  --r:16px;
  --r-sm:10px;
  --ease:cubic-bezier(.2,.7,.28,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --shadow-sm:0 1px 2px rgba(12,13,15,.05);
  --shadow-md:0 8px 28px rgba(12,13,15,.08);
  --shadow-lg:0 24px 64px rgba(12,13,15,.12);
  font-family:'Inter','SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-size:15px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
a{color:inherit}
h1,h2,h3,p{margin:0}
img,svg{display:block}

.mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}
.o1{width:46vw;height:46vw;max-width:620px;max-height:620px;left:-8vw;top:-14vw;
  background:radial-gradient(circle at 40% 40%,#bcd4ff 0%,rgba(188,212,255,0) 70%);
  animation:float1 26s var(--ease) infinite alternate}
.o2{width:40vw;height:40vw;max-width:560px;max-height:560px;right:-6vw;top:-6vw;
  background:radial-gradient(circle at 60% 40%,#e2d6ff 0%,rgba(226,214,255,0) 70%);
  animation:float2 32s var(--ease) infinite alternate}
.o3{width:48vw;height:38vw;max-width:660px;left:26vw;top:34vh;
  background:radial-gradient(circle at 50% 50%,#d6f2ff 0%,rgba(214,242,255,0) 72%);
  animation:float3 38s var(--ease) infinite alternate;opacity:.4}
@keyframes float1{to{transform:translate3d(6vw,7vh,0) scale(1.12)}}
@keyframes float2{to{transform:translate3d(-7vw,5vh,0) scale(1.16)}}
@keyframes float3{to{transform:translate3d(-5vw,-8vh,0) scale(1.1)}}

.nav{position:sticky;top:0;z-index:100;transition:box-shadow .3s var(--ease),background .3s var(--ease),backdrop-filter .3s}
.nav.scrolled{background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);box-shadow:0 1px 0 var(--line)}
.nav-in{max-width:1180px;margin:0 auto;padding:15px 28px;display:flex;align-items:center;gap:26px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:auto}
.logo-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;
  background:linear-gradient(150deg,#1a1c20,#3a3f47);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.5px;
  box-shadow:0 4px 12px rgba(12,13,15,.22);transition:transform .4s var(--ease-out)}
.logo:hover .logo-mark{transform:rotate(-6deg) scale(1.06)}
.logo-text{font-size:13px;font-weight:800;letter-spacing:2.6px}
.logo.small .logo-mark{width:26px;height:26px;font-size:13px;border-radius:8px}
.nav-links{display:flex;gap:2px}
.nav-links a{padding:8px 13px;border-radius:8px;text-decoration:none;font-size:13.5px;font-weight:550;color:var(--ink-2);transition:.2s var(--ease)}
.nav-links a:hover{color:var(--ink);background:rgba(12,13,15,.045)}
.nav-act{display:flex;align-items:center;gap:8px}
.ghost-btn,.solid-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-size:13.5px;font-weight:600;border-radius:9px;padding:9px 16px;transition:.22s var(--ease)}
.ghost-btn{color:var(--ink-2);border:1px solid transparent}
.ghost-btn:hover{color:var(--ink);background:rgba(12,13,15,.045)}
.solid-btn{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm)}
.solid-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 6px 18px rgba(12,13,15,.2)}
.solid-btn.lg{padding:14px 26px;font-size:15px;border-radius:11px}
.solid-btn.lg:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(12,13,15,.22)}
.arw{font-size:15px;transition:transform .25s var(--ease)}
.solid-btn:hover .arw,.submit:hover .arw{transform:translateX(3px)}

.hero{position:relative;z-index:1;padding:clamp(64px,11vh,132px) 28px clamp(48px,7vh,84px);text-align:center}
.hero-inner{max-width:900px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;
  background:rgba(255,255,255,.7);border:1px solid var(--line);backdrop-filter:blur(10px);
  font-size:12.5px;color:var(--ink-2);font-weight:550;box-shadow:var(--shadow-sm);
  opacity:0;animation:riseIn .9s .05s var(--ease-out) forwards}
.pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(15,157,107,.5);animation:pulseRing 2.4s infinite}
@keyframes pulseRing{0%{box-shadow:0 0 0 0 rgba(15,157,107,.45)}70%{box-shadow:0 0 0 8px rgba(15,157,107,0)}100%{box-shadow:0 0 0 0 rgba(15,157,107,0)}}
.hero-title{margin:26px 0 0;font-size:clamp(40px,7vw,84px);line-height:1.04;letter-spacing:-.045em;font-weight:750}
.hero-title .line{display:block;opacity:0;transform:translateY(18px);animation:riseIn 1s var(--ease-out) forwards}
.hero-title .line:nth-child(1){animation-delay:.12s}
.hero-title .line:nth-child(2){animation-delay:.24s}
.hero-title .grad{background:linear-gradient(96deg,#1667e8 0%,#7d4dff 46%,#0e9f9a 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:riseIn 1s .24s var(--ease-out) forwards,shiftGrad 9s 1.4s ease-in-out infinite}
@keyframes shiftGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-lead{max-width:600px;margin:24px auto 0;color:var(--ink-3);font-size:clamp(15px,1.7vw,18px);line-height:1.72;
  opacity:0;animation:riseIn 1s .38s var(--ease-out) forwards}
.hero-actions{display:flex;justify-content:center;gap:11px;margin-top:34px;flex-wrap:wrap;
  opacity:0;animation:riseIn 1s .5s var(--ease-out) forwards}
.hero-stats{display:flex;justify-content:center;gap:clamp(28px,6vw,72px);margin-top:clamp(44px,7vh,70px);
  opacity:0;animation:riseIn 1s .62s var(--ease-out) forwards}
.stat{display:flex;flex-direction:column;align-items:center;gap:5px}
.stat .num{font-size:clamp(22px,3vw,32px);font-weight:730;letter-spacing:-.9px;font-variant-numeric:tabular-nums;line-height:1}
.stat span{font-size:12.5px;color:var(--ink-4);font-weight:500}
@keyframes riseIn{to{opacity:1;transform:none}}
.scroll-hint{height:44px;display:grid;place-items:center;margin-top:clamp(30px,5vh,52px);opacity:0;animation:riseIn 1s .9s var(--ease-out) forwards}
.scroll-hint span{width:1px;height:30px;background:linear-gradient(180deg,rgba(12,13,15,0),rgba(12,13,15,.4));position:relative;overflow:hidden}
.scroll-hint span::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#1667e8);animation:scrollLine 2s infinite}
@keyframes scrollLine{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--d,0s)}
.reveal.in{opacity:1;transform:none}

.band{position:relative;z-index:1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.6);backdrop-filter:blur(8px)}
.band-inner{max-width:1080px;margin:0 auto;padding:17px 28px;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,34px);flex-wrap:wrap}
.band-inner span{font-size:12.5px;font-weight:600;color:var(--ink-3);letter-spacing:.4px}
.band-inner i{width:3px;height:3px;border-radius:50%;background:var(--line-2)}

.sec-head{text-align:center;max-width:680px;margin:0 auto clamp(38px,5vh,58px)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}
.sec-head h2{margin:13px 0 0;font-size:clamp(27px,3.9vw,44px);line-height:1.14;letter-spacing:-.035em;font-weight:730}
.sec-sub{margin:15px auto 0;color:var(--ink-3);font-size:clamp(14px,1.5vw,16px);line-height:1.7}

.features{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(70px,10vh,116px) 28px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{position:relative;padding:30px 28px 34px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color .3s}
.card::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(22,103,232,.055),transparent 62%);opacity:0;transition:opacity .45s var(--ease)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--line-2)}
.card:hover::before{opacity:1}
.ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;margin-bottom:20px;
  background:var(--accent-soft);color:var(--accent);transition:transform .5s var(--ease-out),background .3s}
.ico svg{width:21px;height:21px}
.card:hover .ico{transform:translateY(-2px) scale(1.05)}
.card h3{font-size:17px;font-weight:680;letter-spacing:-.2px}
.card p{margin-top:9px;color:var(--ink-3);font-size:14px;line-height:1.68}
.card-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--accent),#7d4dff);
  transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}
.card:hover .card-line{transform:scaleX(1)}

.start{position:relative;z-index:1;background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(70px,10vh,116px) 28px}
.start .sec-head{margin-bottom:clamp(34px,5vh,50px)}
.steps{list-style:none;max-width:1060px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.steps li{position:relative;padding:30px 26px 32px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.steps li:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.step-no{display:inline-block;font-size:12px;font-weight:800;letter-spacing:2px;color:var(--accent);
  padding:5px 10px;border-radius:7px;background:var(--accent-soft);margin-bottom:16px}
.steps h3{font-size:16.5px;font-weight:680;letter-spacing:-.2px}
.steps p{margin-top:9px;color:var(--ink-3);font-size:14px;line-height:1.68}

.account{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(70px,10vh,116px) 28px}
.account-head{text-align:center;margin-bottom:clamp(34px,5vh,48px)}
.account-head h2{margin:13px 0 0;font-size:clamp(27px,3.9vw,44px);line-height:1.14;letter-spacing:-.035em;font-weight:730}
.auth-wrap{max-width:520px;margin:0 auto}
.auth-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-lg)}
.tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f1f2f5;border-radius:11px;margin-bottom:22px}
.tab{position:relative;z-index:1;height:38px;border:0;background:transparent;border-radius:8px;
  font-family:inherit;font-size:13.5px;font-weight:600;color:var(--ink-3);cursor:pointer;transition:color .25s var(--ease)}
.tab.active{color:var(--ink)}
.tab-ink{position:absolute;z-index:0;top:4px;left:4px;width:calc(50% - 4px);height:38px;border-radius:8px;background:#fff;
  box-shadow:0 1px 3px rgba(12,13,15,.12);transition:transform .4s var(--ease-out)}
.tabs[data-active="login"] .tab-ink{transform:translateX(100%)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:7px}
.input{width:100%;height:44px;padding:0 13px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;
  font-family:inherit;font-size:13.5px;color:var(--ink);outline:none;
  transition:border-color .18s,box-shadow .18s,background .18s}
.input::placeholder{color:#a9aeb6}
.input:hover{border-color:#c4c8ce}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px rgba(22,103,232,.12)}
.code-row{display:flex;gap:8px}
.code-row .input{flex:1;min-width:0}
.btn-code{flex:0 0 auto;min-width:112px;padding:0 14px;border:1px solid #cfdcea;border-radius:var(--r-sm);
  background:#f6f9fe;color:#155ec9;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;
  transition:.2s var(--ease)}
.btn-code:hover:not(:disabled){background:#eaf2ff;border-color:#a9c4e8}
.btn-code:disabled{color:var(--ink-4);cursor:default;background:#f6f7f9;border-color:var(--line)}
.submit{position:relative;width:100%;height:47px;margin-top:6px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;
  border:0;border-radius:var(--r-sm);background:var(--accent);color:#fff;font-family:inherit;font-size:14px;font-weight:640;
  cursor:pointer;overflow:hidden;transition:background .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease)}
.submit::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s var(--ease)}
.submit:hover::after{left:120%}
.submit:hover:not(:disabled){background:var(--accent-d);box-shadow:0 8px 20px rgba(22,103,232,.28)}
.submit:active:not(:disabled){transform:translateY(1px)}
.submit:disabled{opacity:.6;cursor:default}
.form-foot{margin-top:12px;font-size:11.5px;color:var(--ink-4);text-align:center}
form[hidden]{display:none!important}
.alert{display:none;margin-bottom:14px;padding:10px 13px;border-radius:9px;font-size:12.5px;line-height:1.55}
.alert.show{display:block;animation:alertIn .3s var(--ease-out)}
.alert.err{background:#fff5f4;border:1px solid #f3cfcb;color:var(--danger)}
.alert.ok{background:#f2fbf7;border:1px solid #c3e8d9;color:var(--ok)}
@keyframes alertIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.faq{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 28px clamp(70px,10vh,110px)}
.faq-list{display:grid;gap:10px}
.qa{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.qa:hover{border-color:var(--line-2)}
.qa[open]{box-shadow:var(--shadow-sm);border-color:var(--line-2)}
.qa summary{list-style:none;cursor:pointer;padding:18px 20px;font-size:14.5px;font-weight:620;display:flex;align-items:center;justify-content:space-between;gap:14px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:0 0 auto;width:9px;height:9px;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);
  transform:rotate(45deg) translateY(-2px);transition:transform .35s var(--ease)}
.qa[open] summary::after{transform:rotate(-135deg)}
.qa-body{padding:0 20px 18px;color:var(--ink-3);font-size:13.8px;line-height:1.72;animation:qaIn .35s var(--ease-out)}
@keyframes qaIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.cta-band{position:relative;z-index:1;text-align:center;padding:clamp(56px,8vh,92px) 28px;
  background:linear-gradient(180deg,#fff,#f7f8fa);border-top:1px solid var(--line)}
.cta-band h2{font-size:clamp(24px,3.4vw,38px);line-height:1.22;letter-spacing:-.035em;font-weight:730;margin-bottom:28px}

.foot{position:relative;z-index:1;border-top:1px solid var(--line);background:#fff;padding:36px 28px 26px}
.foot-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.foot-note{margin:0 auto 0 0;color:var(--ink-4);font-size:12.5px}
.foot-links{display:flex;gap:18px}
.foot-links a{color:var(--ink-3);text-decoration:none;font-size:12.5px;transition:color .2s}
.foot-links a:hover{color:var(--ink)}
.foot-bot{max-width:1180px;margin:22px auto 0;padding-top:18px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;color:var(--ink-4);font-size:11.5px}

@media (max-width:900px){
  .nav-links{display:none}
  .cards{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .hero{padding-top:56px}
}
@media (max-width:640px){
  .nav-in{padding:13px 18px;gap:10px}
  .nav-act .ghost-btn{display:none}
  .hero{padding-left:20px;padding-right:20px}
  .hero-title{letter-spacing:-.03em}
  .hero-stats{gap:22px}
  .grid2{grid-template-columns:1fr}
  .auth-panel{padding:22px 18px;border-radius:16px}
  .features,.account,.start,.faq{padding-left:20px;padding-right:20px}
  .foot{padding-left:20px;padding-right:20px}
  .foot-in{flex-direction:column;align-items:flex-start;gap:14px}
  .foot-note{margin:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}
html{-webkit-tap-highlight-color:transparent}
a,button,.tab,.btn-code,.qa summary,.logo,.card,.steps li{cursor:pointer;touch-action:manipulation}
.ghost-btn,.solid-btn,.submit,.btn-code,.tab,.nav-links a,.card,.steps li{
  -webkit-user-select:none;user-select:none;
}

.solid-btn{
  position:relative;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(12,13,15,.18),0 6px 16px -6px rgba(12,13,15,.35);
  transition:transform .13s cubic-bezier(.2,.8,.3,1),background .2s var(--ease),box-shadow .2s var(--ease)
}
.solid-btn:active{
  transform:translateY(1.5px) scale(.986);background:#000;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06),0 1px 1px rgba(12,13,15,.12);
  transition-duration:.05s
}
.solid-btn.lg:active{transform:translateY(2px) scale(.987)}
.ghost-btn{
  position:relative;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(12,13,15,.08);
  transition:transform .13s cubic-bezier(.2,.8,.3,1),background .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)
}
.ghost-btn:active{
  transform:translateY(1px) scale(.986);background:rgba(12,13,15,.07);
  box-shadow:inset 0 1px 2px rgba(12,13,15,.12);transition-duration:.05s
}

.submit{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 14px -6px rgba(22,103,232,.6);
  transition:transform .13s cubic-bezier(.2,.8,.3,1),background .2s var(--ease),box-shadow .2s var(--ease)
}
.submit:active:not(:disabled){
  transform:translateY(1.5px) scale(.991);background:var(--accent-d);
  box-shadow:inset 0 2px 6px rgba(0,32,80,.38),inset 0 1px 0 rgba(255,255,255,.1);
  transition-duration:.05s
}
.btn-code{position:relative;overflow:hidden}
.btn-code:active:not(:disabled){transform:translateY(1px) scale(.98);background:#e2edff;transition-duration:.05s}

.tab{transition:color .25s var(--ease),transform .12s cubic-bezier(.2,.8,.3,1)}
.tab:active{transform:scale(.96);transition-duration:.05s}
.nav-links a{transition:.2s var(--ease),transform .12s cubic-bezier(.2,.8,.3,1)}
.nav-links a:active{transform:translateY(1px);background:rgba(12,13,15,.07)}
.logo:active .logo-mark{transform:scale(.93);transition-duration:.05s}

.card{transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .35s var(--ease),border-color .3s}
.card:active{transform:translateY(-2px) scale(.993);box-shadow:0 1px 3px rgba(12,13,15,.07)}
.steps li{transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .35s var(--ease)}
.steps li:active{transform:translateY(-1px) scale(.994)}
.qa:active{border-color:var(--ink-4)}
.qa summary:active{background:rgba(12,13,15,.025)}
.qa summary{transition:background .18s var(--ease)}

a:focus-visible,button:focus-visible,.tab:focus-visible,.qa summary:focus-visible{
  outline:2px solid var(--accent);outline-offset:3px;border-radius:9px
}
.input:focus-visible{outline:none}

.input{
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)
}
.input:focus{
  background:#fff;
  box-shadow:0 0 0 3.5px rgba(22,103,232,.12),0 3px 10px -6px rgba(22,103,232,.55)
}

.stat .num.txt{font-size:clamp(17px,2.1vw,21px);font-weight:700;letter-spacing:-.4px;font-variant-numeric:normal}

.ripple{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  transform:scale(0);opacity:.45;background:currentColor;
  animation:rip .55s cubic-bezier(.2,.7,.3,1) forwards
}
@keyframes rip{to{transform:scale(2.4);opacity:0}}

@media (hover:none){
  .solid-btn:hover,.ghost-btn:hover,.solid-btn.lg:hover{transform:none}
  .card:hover,.steps li:hover{transform:none;box-shadow:none;border-color:var(--line)}
  .card:hover::before{opacity:0}
  .card:hover .ico{transform:none}
  .card:hover .card-line{transform:scaleX(0)}
  .submit:hover::after{left:-60%}
  .submit:hover:not(:disabled){background:var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 4px 14px -6px rgba(22,103,232,.6)}
  .logo:hover .logo-mark{transform:none}
}

@media (prefers-reduced-motion: reduce){
  .solid-btn,.ghost-btn,.submit,.btn-code,.tab,.card,.steps li,.nav-links a,.input,.ripple{
    transition-duration:.001ms!important;animation-duration:.001ms!important
  }
}

.field-hint{margin:6px 0 0;font-size:11.5px;color:var(--ink-4);line-height:1.5}