*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#0f0e1a;min-height:100vh;overflow-x:hidden}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;position:relative;background:linear-gradient(160deg,#0f0e1a,#1a1040,#0f0e1a 60%,#12102a)}.page-scroll{min-height:100vh;padding:24px 16px;position:relative;background:linear-gradient(160deg,#0f0e1a,#1a1040,#0f0e1a 60%,#12102a)}.stars-bg{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.star-particle{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.15;transform:scale(1)}to{opacity:.9;transform:scale(1.3)}}.glow-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px)}.orb-1{width:300px;height:300px;background:#6366f126;top:-80px;right:-60px;animation:orbFloat 8s ease-in-out infinite alternate}.orb-2{width:250px;height:250px;background:#7c3aed1f;bottom:-60px;left:-40px;animation:orbFloat 10s ease-in-out infinite alternate-reverse}@keyframes orbFloat{0%{transform:translate(0)}to{transform:translate(30px,-20px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.card{position:relative;z-index:1;max-width:480px;width:100%;background:#fffffff7;border-radius:24px;box-shadow:0 24px 80px #00000059,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-wide{max-width:640px}.card-header{background:linear-gradient(135deg,#4338ca,#6366f1 40%,#7c3aed);padding:28px 28px 24px;display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;border-radius:24px 24px 0 0}.card-header:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff0f;border-radius:50%}.card-header:after{content:"";position:absolute;bottom:-40px;left:30%;width:160px;height:160px;background:#ffffff0a;border-radius:50%}.header-logo{width:48px;height:auto;flex-shrink:0;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));position:relative;z-index:1}.header-text{position:relative;z-index:1}.header-text h1{font-size:20px;color:#fff;font-weight:700;margin-bottom:4px}.header-desc{font-size:13px;color:#ffffffb3}.card-body{padding:24px}.btn-primary{display:block;width:100%;padding:14px;background:linear-gradient(135deg,#4338ca,#6366f1,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6366f159}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:block;width:100%;padding:12px;background:#f8fafc;color:#6366f1;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#eef2ff;border-color:#c7d2fe}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.form-input{width:100%;padding:12px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;color:#1e293b;outline:none;transition:all .2s;background:#fff}.form-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-input::placeholder{color:#94a3b8}.card-footer{text-align:center;padding:16px;background:#f8fafc;border-top:1px solid #f1f5f9;font-size:12px;color:#94a3b8;letter-spacing:.5px;border-radius:0 0 24px 24px}.spinner{width:36px;height:36px;border:3px solid #e8e5f0;border-top-color:#6366f1;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 20px}.status-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.error-icon{background:linear-gradient(135deg,#f5576c,#ff6b81);box-shadow:0 8px 24px #f5576c4d}.success-icon{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 8px 24px #43e97b4d}.tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:20px}.tab-item{flex:1;padding:8px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.tab-item.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}@media (max-width: 480px){.page,.page-scroll{padding:16px 12px}.card-body{padding:20px 16px}.card-header{padding:22px 20px}.header-text h1{font-size:18px}}