.si-page{background:var(--color-pitch,#0f1113);min-height:100dvh;color:var(--color-ink,#f5f5f2);padding:16px 12px 32px}@media (width>=640px){.si-page{padding:32px 24px 48px}}.si-col{flex-direction:column;gap:14px;width:100%;max-width:520px;margin-inline:auto;display:flex}.ph-hero:is([data-state=signin],[data-state=recovery]) .ph-hero-top{padding:calc(env(safe-area-inset-top,0px) + 13px) 16px 13px;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#191c2085;justify-content:center;top:0;left:0;right:0;box-shadow:inset 0 -1px #ffffff1a,0 14px 30px #00000059}.ph-hero[data-state=signin] .ph-title{font-size:36px}@media (width>=1024px){.ph-hero[data-state=signin] .ph-title{font-size:44px}}.ph-hero[data-state=recovery] .ph-title{font-size:32px}@media (width>=1024px){.ph-hero[data-state=recovery] .ph-title{font-size:40px}}.si-form{gap:10px;display:grid}.si-page .si-form input{height:50px;font-size:16px}.si-pass{position:relative}.si-page .si-pass input{padding-inline-end:78px}.si-page .si-show{top:3px;bottom:3px;min-width:64px;box-shadow:none;color:var(--color-mist,#a9afab);font:500 14px/1 var(--font-sans,Inter, system-ui, sans-serif);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;position:absolute;inset-inline-end:3px}.si-error{font:500 14px/1.4 var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-coral,#d97868);margin:0}.si-page .si-submit{width:100%;height:52px;font:600 16px/1 var(--font-sans,Inter, system-ui, sans-serif);border-radius:14px;margin-top:2px;box-shadow:0 0 40px #c6ff0029}.si-links{font:500 14px/1.3 var(--font-sans,Inter, system-ui, sans-serif);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 16px;display:flex}.si-page .si-mode{min-height:44px;box-shadow:none;color:var(--color-ink,#f5f5f2);font:600 14px/1.3 var(--font-sans,Inter, system-ui, sans-serif);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}.si-links a{min-height:44px;color:var(--color-mist,#a9afab);align-items:center;text-decoration:none;display:inline-flex}.si-page .si-show:focus-visible,.si-page .si-mode:focus-visible,.si-links a:focus-visible,.si-join a:focus-visible{outline:2px solid var(--color-primary,#c6ff00);outline-offset:2px}.si-oauth{gap:8px;display:grid}.si-fine{font:400 12.5px/1.45 var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-dim,#7d837f);margin:0}.si-join{text-align:center;font:400 14px/1.4 var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-mist,#a9afab);margin:2px 0 0}.si-join a{color:var(--color-ink,#f5f5f2);font-weight:600;text-decoration:none}.si-foot{border-top:1px solid var(--color-line,#ffffff14);font:400 12.5px/1.5 var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-mist,#a9afab);gap:10px;margin-top:14px;padding-top:16px;display:grid}.si-foot p{margin:0}.si-foot a{color:inherit;text-underline-offset:3px;text-decoration:underline}.si-foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.si-lang select{min-height:40px;font-size:13px}.si-lead{font:400 15px/1.5 var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-mist,#a9afab);margin:0}.si-note{border:1px solid var(--color-line,#ffffff14);background:color-mix(in srgb, var(--color-ink,#f5f5f2) 4%, var(--color-pitch-mid,#161a1d));border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:16px;display:grid}.si-note-icon{width:44px;height:44px;color:var(--color-primary,#c6ff00);background:#c6ff001f;border-radius:12px;place-items:center;display:grid}.si-note[data-tone=warn] .si-note-icon{color:var(--color-coral,#d97868);background:#d9786824}.si-note p{font:400 15px/1.5 var(--font-sans,Inter, system-ui, sans-serif);color:var(--color-ink,#f5f5f2);overflow-wrap:anywhere;margin:0;padding-top:2px}.si-page a.si-submit{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}
