#app{height:100vh;background:linear-gradient(180deg,#f8fafc,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.state-container{height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.card{width:100%;max-width:420px;background:#fff;border-radius:20px;padding:40px 28px;text-align:center;box-shadow:0 20px 60px rgba(15,23,42,.08);animation:fadeIn .4s ease}.card h2{margin-top:16px;font-size:20px;color:#0f172a}.card p{margin-top:8px;font-size:14px;color:#64748b}.card.error{border:1px solid #fee2e2}.icon{font-size:28px}.btn{margin-top:20px;height:44px;border-radius:12px;border:none;background:#0f172a;color:#fff;font-weight:600;padding:0 20px;cursor:pointer;transition:.2s}.btn:hover{opacity:.9}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid #e2e8f0;border-top-color:#0f172a;animation:spin .8s linear infinite;margin:0 auto}.sdk-wrapper{height:100%;padding:20px}#sumsub-websdk-container{height:100%;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(15,23,42,.08)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}