*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#f1f5f9;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-attachment:fixed}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(56,189,248,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(129,140,248,.15) 0%,transparent 50%);pointer-events:none;z-index:-1}.container{max-width:440px;margin:0 auto;padding:32px 16px 64px}header{margin-bottom:32px;text-align:center}header h1{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.platform-grid{display:flex;flex-direction:column;gap:14px}.platform-card{display:flex;align-items:center;gap:16px;background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:20px 22px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0003}.platform-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #3b82f633;border-color:#3b82f666;background:#1e293bcc}.platform-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:16px;flex-shrink:0;border:1px solid rgba(59,130,246,.3)}.platform-text{flex:1;min-width:0}.platform-card h3{font-size:16px;font-weight:700;color:#f8fafc;margin:0}.platform-desc{font-size:12px;color:#94a3b8;margin:3px 0 0}.platform-arrow{font-size:20px;color:#64748b;flex-shrink:0;margin-left:auto;transition:all .3s}.platform-card:hover .platform-arrow{color:#3b82f6;transform:translate(2px)}.card{background:#1e293b99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.2);border-radius:18px;padding:26px;margin-bottom:16px;box-shadow:0 8px 32px #0003}.card h3{font-size:15px;font-weight:700;color:#f8fafc;margin-bottom:20px}.captcha-card{border:1.5px solid rgba(245,158,11,.4);box-shadow:0 0 0 4px #f59e0b14}.sms-card{border-left:4px solid rgba(59,130,246,.7)}.hint{color:#94a3b8;text-align:center;padding:8px 0;font-size:13px}.form-item{margin-bottom:16px}.form-item label{display:block;font-size:13px;font-weight:600;color:#cbd5e1;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.form-item input,.input-row input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0f172a99;color:#f1f5f9;font-size:16px;outline:none;transition:all .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-item input:focus,.input-row input:focus{border-color:#3b82f699;box-shadow:0 0 0 4px #3b82f626;background:#0f172acc}.input-row{display:flex;gap:10px;margin-top:16px}.input-row input{flex:1;font-size:22px;font-weight:600;letter-spacing:8px;text-align:center}button{padding:13px 24px;border-radius:12px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.35;cursor:not-allowed}.btn-primary{width:100%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;margin-top:16px;box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #3b82f666}.btn-secondary{width:100%;background:#33415599;color:#f1f5f9;margin-top:10px;border:1px solid rgba(148,163,184,.2)}.btn-secondary:hover{background:#475569cc;border-color:#94a3b866}.input-row button{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;white-space:nowrap;box-shadow:0 4px 16px #f59e0b4d}.input-row button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b66}.btn-refresh{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3);padding:7px 14px;font-size:12px;border-radius:8px;font-weight:600;transition:all .3s}.btn-refresh:hover:not(:disabled){background:#f59e0b40;transform:rotate(180deg)}.btn-refresh:disabled{opacity:.4;cursor:not-allowed}.btn-back{display:inline-flex;align-items:center;gap:6px;background:#1e293b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.2);color:#94a3b8;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:18px;transition:all .3s}.btn-back:hover{border-color:#3b82f666;color:#3b82f6;background:#1e293bcc;transform:translate(-2px)}.account-list .card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-list .card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f633;border-color:#3b82f666}.captcha-img{display:block;max-width:210px;margin:0 auto 20px;border-radius:10px;border:2px solid rgba(238,239,241,.3);background:#f2eeee;padding:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.msg.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 16px;border-radius:12px;font-size:13px;text-align:center;margin-bottom:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.code{text-align:center;font-size:42px;font-weight:800;letter-spacing:12px;color:#f59e0b;padding:18px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:14px;margin-bottom:16px;text-shadow:0 0 20px rgba(245,158,11,.5)}.result{background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:20px;margin-top:16px;font-size:12px;color:#94a3b8;overflow-x:auto;max-height:350px;overflow-y:auto;white-space:pre-wrap;line-height:1.6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history{margin-top:10px}.history h3{font-size:14px;color:#94a3b8;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.history-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#1e293b99;border-radius:14px;margin-bottom:8px;font-size:13px;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all .2s}.history-item:hover{border-color:#3b82f64d}.code-small{font-weight:700;font-size:20px;color:#3b82f6;letter-spacing:4px;text-shadow:0 0 10px rgba(59,130,246,.4)}.time{color:#64748b;margin-left:auto;font-size:12px}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn .3s ease}.drawer{position:fixed;top:0;right:0;width:min(480px,100%);height:100vh;background:#1e293bf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(148,163,184,.2);padding:24px 20px 80px;z-index:101;overflow-y:auto;box-shadow:-16px 0 48px #0006}.drawer-title{font-size:20px;font-weight:700;color:#f8fafc;margin-bottom:24px;margin-top:12px}.drawer-enter-active,.drawer-leave-active{transition:transform .35s cubic-bezier(.4,0,.2,1)}.drawer-enter-from,.drawer-leave-to{transform:translate(100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sid-badge{background:#3b82f626;color:#60a5fa;padding:3px 10px;border-radius:6px;font-size:11px;margin-left:8px;font-weight:600;border:1px solid rgba(59,130,246,.3)}.badge{background:#33415599;color:#94a3b8;padding:3px 10px;border-radius:6px;font-size:11px;margin:0 8px;font-weight:600;border:1px solid rgba(148,163,184,.2)}