*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
:root{--bg:#f2f2f7;--text:#000;--text-2:rgba(60,60,67,.68);--text-3:rgba(60,60,67,.42);--vendu:#ff3b30;
  --glass:rgba(255,255,255,.62);--glass-blur:blur(26px) saturate(190%);
  --glass-shadow:inset 0 .5px 0 rgba(255,255,255,.95),inset 0 -.5px 0 rgba(255,255,255,.45),0 0 0 .5px rgba(0,0,0,.05),0 10px 30px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.04);
  --spring:cubic-bezier(.2,.9,.26,1.08);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px)}
html{background:var(--bg)}
body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100dvh}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:
  radial-gradient(70% 55% at 8% -5%,#e4ebfa 0,rgba(228,235,250,0) 70%),
  radial-gradient(60% 50% at 100% 8%,#f6ece3 0,rgba(246,236,227,0) 70%),
  radial-gradient(70% 60% at 60% 110%,#e6eef0 0,rgba(230,238,240,0) 70%),var(--bg)}
button,input{font:inherit;color:inherit}
form{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--st) + 40px) 28px calc(var(--sb) + 40px);max-width:460px;margin:0 auto}
.logo{font-family:'Didot','Bodoni 72',Georgia,serif;font-size:4.2rem;letter-spacing:-.02em;line-height:1;text-align:center}
.logo-sub{text-align:center;letter-spacing:.42em;font-size:.78rem;color:var(--text-2);margin:10px 0 44px;text-transform:uppercase;padding-left:.42em}
.field{display:block;width:100%;height:54px;border-radius:16px;border:none;padding:0 18px;font-size:1.02rem;margin-bottom:12px;outline:none;
  background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}
.btn-main{width:100%;height:54px;border-radius:999px;border:none;background:#000;color:#fff;font-weight:600;font-size:1.02rem;margin-top:8px;cursor:pointer;transition:transform .3s var(--spring)}
.btn-main:active{transform:scale(.97)}
.btn-main:disabled{opacity:.5}
#ts{display:flex;justify-content:center;margin:4px 0}
.message{min-height:1.4em;text-align:center;color:var(--vendu);font-size:.88rem;margin-top:14px;line-height:1.4}
.note{text-align:center;color:var(--text-3);font-size:.82rem;margin-top:18px;line-height:1.45}
.btn-faceid{width:100%;height:54px;border-radius:999px;border:none;background:#fff;color:#000;font-weight:600;font-size:1.02rem;cursor:pointer;box-shadow:var(--glass-shadow)}
.btn-faceid:disabled{opacity:.5}
.ou{text-align:center;color:var(--text-3);font-size:.82rem;margin:14px 0}
[hidden]{display:none!important}