body,html{margin:0;padding:0;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#fff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}body{display:flex;justify-content:center}#app{width:100%;max-width:600px;min-height:100vh;display:flex;flex-direction:column}.app-container{flex:1;flex-direction:column;padding:40px 20px}.app-container,.state-container{display:flex;justify-content:center}.state-container{align-items:center}.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{width:100%}#sumsub-websdk-container{width:100%;min-height:600px}