.sokar-login{display:grid;place-items:center;padding:0;background:radial-gradient(ellipse at 15% 0,hsl(var(--metal)/.08),transparent 50%),hsl(var(--background));color:hsl(var(--foreground))}.sokar-login,.sokar-login__frame{min-height:100svh;min-height:100dvh}.sokar-login__frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;overflow:hidden;background:hsl(var(--background))}.sokar-login__story{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1rem,3svh,3rem);overflow:hidden;isolation:isolate;padding:clamp(2rem,4vw,3.5rem);border-right:1px solid hsl(var(--border));background:linear-gradient(150deg,hsl(var(--secondary)),hsl(var(--background)) 85%)}.sokar-login__brand,.sokar-login__mobile-brand{display:inline-flex;align-items:center;align-self:flex-start;gap:.75rem;font-size:1.5rem;font-weight:600;letter-spacing:-.05em;transition:opacity .2s ease}.sokar-login__brand:hover,.sokar-login__mobile-brand:hover{opacity:.75}.sokar-login__paths{position:absolute;inset:0;z-index:0;pointer-events:none;color:hsl(var(--metal));opacity:.25;-webkit-mask-image:linear-gradient(to bottom,transparent 5%,hsl(var(--foreground)) 65%);mask-image:linear-gradient(to bottom,transparent 5%,hsl(var(--foreground)) 65%)}.sokar-login__paths svg{width:100%;height:100%}.sokar-login__path{stroke-dasharray:70 20 350 20;animation:sokar-login-flow 32s linear infinite}@keyframes sokar-login-flow{to{stroke-dashoffset:-460}}.sokar-login__story-content{margin-top:auto}.sokar-login__eyebrow{display:block;margin-bottom:1.5rem;color:hsl(var(--metal));font-size:.625rem;font-weight:600;letter-spacing:.19em}.sokar-login__story-heading{display:flex;min-height:2.2em;flex-direction:column;justify-content:center;font-size:clamp(1.75rem,2.8vw,2.75rem);font-weight:500;line-height:1.08;letter-spacing:-.055em}.sokar-login__rotating-word{display:block;color:hsl(var(--foreground));font-weight:650;animation:sokar-login-word-in .6s cubic-bezier(.22,1,.36,1) both}.sokar-login__story-highlight{display:block;color:hsl(var(--muted-foreground))}@keyframes sokar-login-word-in{0%{opacity:0;filter:blur(6px);transform:translateY(.32em)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.sokar-login__access{display:flex;flex-direction:column;gap:clamp(.75rem,2svh,2rem);padding:clamp(1rem,3svh,2rem) clamp(1.5rem,4vw,4rem)}.sokar-login__header{display:flex;align-items:center;justify-content:space-between}.sokar-login__back{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;color:hsl(var(--muted-foreground));font-size:.75rem;transition:color .2s ease}.sokar-login__back:hover{color:hsl(var(--foreground))}.sokar-login__mobile-brand{display:none}.sokar-login__form{width:100%;max-width:23rem;margin:auto}.sokar-login__intro{margin-bottom:2rem}.sokar-login__intro .sokar-login__eyebrow{margin-bottom:1rem}.sokar-login__intro h1{font-size:clamp(1.75rem,2.5vw,2.125rem);font-weight:500;line-height:1.2;letter-spacing:-.045em}.sokar-login__intro p{margin-top:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.7}.sokar-login__signup{margin-top:1.75rem;color:hsl(var(--muted-foreground));font-size:.75rem;line-height:1.8}.sokar-login__signup a{display:inline-flex;align-items:center;gap:.2rem;color:hsl(var(--foreground));text-underline-offset:4px;transition:opacity .2s ease}.sokar-login__signup a:hover{text-decoration:underline;opacity:.8}.sokar-login__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;color:hsl(var(--muted-foreground));font-size:.6875rem}.sokar-login__footer a{transition:color .2s ease}.sokar-login__footer a:hover{color:hsl(var(--foreground))}.sokar-login a:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:5px;border-radius:.25rem}@media (max-width:767px){.sokar-login{display:flex;padding:0}.sokar-login__frame{grid-template-columns:minmax(0,1fr)}.sokar-login__story{display:none}.sokar-login__access{gap:clamp(.75rem,2svh,2rem);padding:1rem 1.5rem}.sokar-login__form{margin:1.5rem auto 0}.sokar-login__intro .sokar-login__eyebrow,.sokar-login__intro p{display:none}.sokar-login__form input::-moz-placeholder{color:transparent}.sokar-login__form input::placeholder{color:transparent}.sokar-login__mobile-brand{display:inline-flex}}[data-shell=ios] .sokar-login__back,[data-shell=ios] .sokar-login__signup{display:none}@media (max-height:740px){.sokar-login__intro{margin-bottom:1.25rem}.sokar-login__intro .sokar-login__eyebrow{margin-bottom:.5rem}.sokar-login__intro h1{font-size:1.75rem}.sokar-login__intro p{margin-top:.5rem}.sokar-login__signup{margin-top:1rem}.sokar-login__story{padding-block:1.5rem}}@media (max-height:600px){.sokar-login__intro .sokar-login__eyebrow,.sokar-login__intro p,.sokar-login__story-footer{display:none}.sokar-login__intro h1{font-size:1.625rem}}@media (prefers-reduced-motion:reduce){.sokar-login__path{animation:none}.sokar-login a{transition:none}}.sokar-login__brand,.sokar-login__story-content{position:relative;z-index:1}.sokar-login-call{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:clamp(15rem,40svh,19rem);margin-top:1.5rem;overflow:hidden;border:1px solid hsl(var(--foreground)/.12);border-radius:1.25rem;background:hsl(var(--background)/.75);box-shadow:0 12px 40px hsl(var(--background)/.2);backdrop-filter:blur(12px)}.sokar-login-call__header{display:flex;align-items:center;gap:.625rem;padding:.875rem;border-bottom:1px solid hsl(var(--border))}.sokar-login-call__phone{display:grid;place-items:center;width:2rem;height:2rem;flex-shrink:0;border:1px solid hsl(var(--border));border-radius:50%;color:hsl(var(--foreground))}.sokar-login-call__identity,.sokar-login-call__summary{display:flex;flex-direction:column;gap:.25rem}.sokar-login-call__identity strong,.sokar-login-call__result strong{font-size:.6875rem;font-weight:500}.sokar-login-call__identity span,.sokar-login-call__result span{font-size:.5625rem;color:hsl(var(--muted-foreground))}.sokar-login-call__badge{margin-left:auto;color:hsl(var(--metal));font-size:.5625rem}.sokar-login-call__pause{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;color:hsl(var(--muted-foreground));transition:all .2s ease}.sokar-login-call__pause:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.sokar-login-call__pause:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sokar-login-call__messages{display:flex;flex-direction:column;justify-content:center;gap:.625rem;padding:.875rem}.sokar-login-call__message{max-width:90%;align-self:flex-end;font-size:.6875rem;line-height:1.5;animation:sokar-login-message .24s ease-out both}.sokar-login-call__message[data-speaker=Suppernote]{align-self:flex-start}.sokar-login-call__message>span{display:block;margin-bottom:.2rem;color:hsl(var(--muted-foreground));font-size:.5625rem}.sokar-login-call__message>p{padding:.5rem .75rem;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--secondary)/.7)}.sokar-login-call__message[data-speaker=Suppernote]>p{background:hsl(var(--foreground)/.09);border-color:hsl(var(--foreground)/.14)}.sokar-login-call__result{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground))}.sokar-login-call__result[data-confirmed=true]{color:hsl(var(--foreground))}.sokar-login-call__result .sokar-login-call__wave{display:flex;flex-direction:row;align-items:center;gap:3px;height:1.5rem;margin-left:auto}.sokar-login-call__bar{width:2px;height:.75rem;border-radius:999px;background:hsl(var(--metal));animation:sokar-login-wave .9s ease-in-out infinite alternate}.sokar-login-call__wave[data-paused=true] .sokar-login-call__bar{animation-play-state:paused}@keyframes sokar-login-message{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes sokar-login-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@media (max-height:600px){.sokar-login__story-content .sokar-login__eyebrow{margin-bottom:.75rem}.sokar-login__story-heading{font-size:1.5rem}.sokar-login-call{margin-top:1rem}}@media (prefers-reduced-motion:reduce){.sokar-login-call__bar,.sokar-login-call__message,.sokar-login__path,.sokar-login__rotating-word{animation:none}}