.af-stage{--af-ink:#0a1020;--af-muted:#5b6474;--af-line:#e5e1d6;--af-soft:#faf9f5;--af-gold:#ffc40c;--af-blue:#2563eb;--af-ease:cubic-bezier(0.2,0.7,0.2,1);width:100%;max-width:440px;perspective:1600px}.af-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:18px;border-radius:14px;background:#f1efe8}.af-tabs button{position:relative;z-index:1;min-height:42px;border-radius:10px;font-size:.9rem;font-weight:800;color:var(--af-muted);transition:color .2s var(--af-ease);cursor:pointer}.af-tabs button.is-on{color:var(--af-ink)}.af-tabs button:focus-visible{outline:2px solid var(--af-blue);outline-offset:2px}.af-tab-pill{position:absolute;top:4px;bottom:4px;right:4px;width:calc(50% - 4px);border-radius:10px;background:#fff;box-shadow:0 2px 10px -4px rgb(10 16 32/.25);transition:transform .24s var(--af-ease)}.af-tab-pill.to-signup{transform:translateX(-100%)}.af-card{display:grid;transform-style:preserve-3d;transition:transform .56s var(--af-ease);will-change:transform}.af-card.is-flipped{transform:rotateY(-180deg)}.af-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid var(--af-line);border-radius:20px;padding:28px;box-shadow:0 30px 70px -40px rgb(10 16 32/.45),0 1px 0 rgb(10 16 32/.04)}.af-back{transform:rotateY(180deg)}@media (min-width:640px){.af-face{padding:34px}}.af-title{font-size:1.55rem;font-weight:900;color:var(--af-ink);line-height:1.5}.af-sub{margin-top:4px;font-size:.9rem;color:var(--af-muted)}.af-label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:800;color:#3b4252}.af-input{width:100%;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--af-line);background:var(--af-soft);color:var(--af-ink);font-size:16px;transition:border-color .14s var(--af-ease),box-shadow .14s var(--af-ease),background-color .14s var(--af-ease)}.af-input:focus{outline:none;background:#fff;border-color:var(--af-blue);box-shadow:0 0 0 4px rgb(37 99 235/.14)}.af-input[aria-invalid=true]{border-color:#dc2626}.af-eye{position:absolute;left:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#6b7280;cursor:pointer;transition:background-color .14s var(--af-ease),color .14s var(--af-ease)}.af-eye:hover{background:#f1efe8;color:var(--af-ink)}.af-eye:focus-visible{outline:2px solid var(--af-blue)}.af-hint{margin-top:6px;font-size:.75rem;color:var(--af-muted)}.af-error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:.85rem;font-weight:700;animation:af-shake .32s var(--af-ease)}@keyframes af-shake{0%,to{transform:none}25%{transform:translateX(-5px)}60%{transform:translateX(4px)}}.af-btn{display:inline-flex;width:100%;min-height:50px;align-items:center;justify-content:center;gap:8px;border-radius:12px;background:var(--af-ink);color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:background-color .14s var(--af-ease),transform .14s var(--af-ease),box-shadow .24s var(--af-ease);box-shadow:0 10px 24px -14px rgb(10 16 32/.6)}.af-btn:hover{background:#17233b}.af-btn:active{transform:scale(.985)}.af-btn:disabled{opacity:.75;cursor:progress}.af-btn-accent{background:#c2410c;box-shadow:0 10px 24px -14px rgb(194 65 12/.7)}.af-btn-accent:hover{background:#9a3412}.af-btn.is-done{background:#15803d}.af-spin{animation:af-spin .9s linear infinite}@keyframes af-spin{to{transform:rotate(1turn)}}.af-switch{text-align:center;font-size:.875rem;color:var(--af-muted)}.af-switch button{display:inline-flex;align-items:center;gap:4px;min-height:36px;font-weight:800;color:var(--af-blue);cursor:pointer}.af-switch button:hover{text-decoration:underline}.af-check{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:#3b4252;line-height:1.8}.af-check input{margin-top:5px;width:18px;height:18px;accent-color:#c2410c}.af-check a{color:var(--af-blue);font-weight:800}.af-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.af-meter span{height:4px;border-radius:4px;background:#ece9e1;transition:background-color .2s var(--af-ease)}.af-meter .lvl-1{background:#dc2626}.af-meter .lvl-2{background:#f59e0b}.af-meter .lvl-3{background:#2563eb}.af-meter .lvl-4{background:#15803d}.af-panel-line{stroke-dasharray:1;stroke-dashoffset:1;animation:af-draw 1.6s var(--af-ease,ease-out) .3s forwards}@keyframes af-draw{to{stroke-dashoffset:0}}.af-float{animation:af-float 7s ease-in-out infinite}.af-float.d2{animation-delay:1.4s}@keyframes af-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.af-rise{opacity:0;transform:translateY(10px);animation:af-rise .52s var(--af-ease,ease-out) forwards}@keyframes af-rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.af-card{transition:none;transform:none!important}.af-face{backface-visibility:visible;transition:opacity .15s ease-out}.af-back{transform:none}.af-card.is-flipped .af-front,.af-card:not(.is-flipped) .af-back{opacity:0;pointer-events:none}.af-btn,.af-input,.af-tab-pill{transition:none}.af-error,.af-float,.af-panel-line,.af-rise{animation:none;opacity:1;transform:none;stroke-dashoffset:0}}