:root{--accent:#6558e8!important;--soft:#f0efff!important;--bg:#f4f6fb!important;--ink:#111827!important;--text:#111827!important;--line:#e3e7ef!important}
html{scroll-behavior:smooth;background:var(--bg)}
body{min-width:320px;background:radial-gradient(circle at 75% -5%,rgba(101,88,232,.1),transparent 31rem),var(--bg)!important}
button,a,input{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}
button:focus-visible,a:focus-visible,input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(101,88,232,.2)!important}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(33,41,80,.1)}
.btn.primary{background:linear-gradient(135deg,#6558e8,#775ce7)!important;box-shadow:0 10px 25px rgba(101,88,232,.2)}
.brand{letter-spacing:-.04em!important}.brand span{color:#8f83ff!important}
.mock,.visual{background:linear-gradient(145deg,#171b2d,#28213f)!important}
.mock{box-shadow:0 30px 80px rgba(25,25,50,.19)!important;border:1px solid rgba(255,255,255,.06)}
.feature,.role,.card,.metric{box-shadow:0 12px 38px rgba(17,24,39,.045)}
.feature,.role,.card{border-color:rgba(221,225,235,.95)!important}
.feature{transition:transform .18s ease,box-shadow .18s ease}.feature:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(17,24,39,.075)}
input{outline:none}input:focus{border-color:#9187ec!important}
.status{border-radius:10px;padding:0;transition:padding .15s ease,background .15s ease}.status:not(:empty){padding:10px 11px;background:#f4f5f9}.status.error:not(:empty){background:#fff0ed}.status.ok:not(:empty){background:#edf9f2}
.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:7px;top:7px;width:38px;height:38px;border:0;border-radius:9px;background:#f3f4f7;color:#555d6e;cursor:pointer}
.loading-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px;animation:public-pulse .8s ease-in-out infinite alternate}@keyframes public-pulse{to{opacity:.3}}
@media(max-width:520px){.card{border-radius:20px!important}.hero p{font-size:17px!important}.nav-actions .primary{min-height:42px;padding:0 14px}.visual h1{font-size:40px!important}.benefits{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}