*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#0f172a 0,#1e293b 50%,#0f172a 100%);background-size:400% 400%;background-attachment:fixed;animation:20s infinite gradientShift;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#e2e8f0;padding:24px 16px;position:relative;overflow-x:hidden;overflow-y:auto}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.15) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.12) 0,transparent 50%);pointer-events:none;z-index:0;animation:10s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,100%{opacity:1}50%{opacity:.6}}body::after{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:250px 250px;opacity:.3;pointer-events:none;z-index:0;animation:4s ease-in-out infinite twinkle}@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:.6}}.container{width:1180px;max-width:96vw;min-height:560px;border-radius:24px;padding:40px 42px;background:linear-gradient(135deg,rgba(30,41,59,.95) 0,rgba(15,23,42,.95) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 0 1px rgba(59,130,246,.1),inset 0 1px 0 rgba(255,255,255,.05);display:flex;position:relative;z-index:1;transition:.4s cubic-bezier(.4, 0, .2, 1)}.container:hover{box-shadow:0 15px 50px rgba(0,0,0,.5),0 0 0 1px rgba(59,130,246,.3),inset 0 1px 0 rgba(255,255,255,.1),0 0 80px rgba(59,130,246,.2);transform:translateY(-2px)}.left-panel{flex:1.1;padding-right:40px;border-right:1px solid rgba(59,130,246,.2)}.right-panel{flex:0.9;padding-left:40px;display:flex;flex-direction:column;justify-content:center}.header-row{display:flex;align-items:center;margin-bottom:36px}.hero-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#f59e0b 0,#ef4444 50%,#f59e0b 100%);box-shadow:0 10px 28px rgba(245,158,11,.4);position:relative;margin-right:18px;transition:.3s;flex-shrink:0}.hero-icon:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 15px 35px rgba(245,158,11,.5)}.hero-icon::after,.hero-icon::before{content:"";position:absolute;width:6px;height:20px;border-radius:3px;background:#0f172a;top:14px}.hero-icon::before{left:16px;transform:rotate(-30deg)}.hero-icon::after{right:16px;transform:rotate(30deg)}.subtitle{font-size:24px;font-weight:700;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-item{position:relative;padding-left:20px;margin-bottom:26px;transition:.3s}.feature-item:hover{transform:translateX(4px)}.feature-item::before{content:"";position:absolute;left:0;top:8px;width:4px;height:38px;border-radius:999px;background:linear-gradient(to bottom,#60a5fa,#3b82f6)}.feature-title{margin:0 0 6px;font-size:18px;font-weight:700;color:#fbbf24}.feature-desc{margin:0;font-size:14px;line-height:1.8;color:#cbd5e1}.logo-row{display:flex;align-items:center;margin-bottom:34px}.logo-icon{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 0 18px rgba(59,130,246,.6);margin-right:16px;position:relative;transition:.3s;flex-shrink:0}.logo-icon:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 0 25px rgba(59,130,246,.8)}.logo-icon::after,.logo-icon::before{content:"";position:absolute;width:6px;height:18px;border-radius:3px;background:#fbbf24;top:11px}.logo-icon::before{left:11px;transform:rotate(-25deg)}.logo-icon::after{right:11px;transform:rotate(25deg)}.logo-title{font-size:26px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,#60a5fa 0,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}form{width:100%}.form-group{margin-bottom:18px}label{display:block;margin-bottom:6px;font-size:14px;color:#cbd5e1;font-weight:500}.field input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid rgba(59,130,246,.3);background:rgba(15,23,42,.8);color:#f1f5f9;outline:0;font-size:14px;transition:.3s cubic-bezier(.4, 0, .2, 1)}.field input::placeholder{color:rgba(148,163,184,.6)}.field input:focus{border-color:#3b82f6;background:rgba(15,23,42,.95);box-shadow:0 0 0 3px rgba(59,130,246,.2),0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.btn-row{display:flex;gap:12px;margin-top:8px}.btn{flex:1;padding:12px 0;border-radius:12px;border:none;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;transition:.3s cubic-bezier(.4, 0, .2, 1);text-align:center;text-decoration:none;position:relative;overflow:hidden;display:inline-block}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover::before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,#3b82f6 0,#2563eb 100%);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.4)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa 0,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.5)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-buy{background:linear-gradient(135deg,#f59e0b 0,#d97706 100%);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.4)}.btn-buy:hover{background:linear-gradient(135deg,#fbbf24 0,#f59e0b 100%);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,.5)}.btn-buy:active{transform:scale(.98)}.btn-outline{background:rgba(15,23,42,.8);border:1px solid rgba(59,130,246,.3);color:#cbd5e1;box-shadow:none;font-size:13px}.btn-outline:hover{border-color:#3b82f6;background:rgba(15,23,42,.95);transform:translateY(-1px)}.btn-outline:active{transform:scale(.98)}.link-row{display:flex;gap:12px;margin-top:14px}.msg{margin-top:10px;font-size:13px;min-height:20px;text-align:left;padding:10px 14px;border-radius:8px;animation:.3s slideInDown;word-break:break-word}@keyframes slideInDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.msg.err{color:#fca5a5;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.msg.ok{color:#6ee7b7;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.hint{margin-top:8px;font-size:12px;color:rgba(203,213,225,.7);line-height:1.6;word-break:break-word}.card-hint{margin-top:6px;font-size:12px;padding:6px 10px;border-radius:6px;animation:.3s fadeIn;word-break:break-word}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.card-hint.ok{color:#6ee7b7;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.card-hint.err{color:#fca5a5;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.field input.valid{border-color:#10b981;box-shadow:0 0 0 1px rgba(16,185,129,.3)}.field input.invalid{border-color:#ef4444;box-shadow:0 0 0 1px rgba(239,68,68,.3)}.form-views{margin-top:8px}.form-view{display:none;animation:.4s fadeIn}.form-view.active{display:block}.form-subtitle{font-size:18px;font-weight:600;margin-bottom:12px;color:#cbd5e1}.form-tip{font-size:12px;color:rgba(203,213,225,.8);margin-bottom:14px;line-height:1.6;padding:8px 12px;background:rgba(59,130,246,.05);border-left:3px solid #3b82f6;border-radius:4px;word-break:break-word}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(15,23,42,.5);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(59,130,246,.4);border-radius:4px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.6)}@media (max-width:900px){body{align-items:flex-start;padding:16px 12px;background-attachment:scroll}.container{flex-direction:column;min-height:auto;padding:20px 16px 24px;border-radius:20px;margin:0 auto}.left-panel{padding-right:0;padding-bottom:20px;margin-bottom:16px;border-right:none;border-bottom:1px solid rgba(59,130,246,.2)}.right-panel{padding-left:0}.header-row{margin-bottom:24px}.hero-icon{width:48px;height:48px;margin-right:14px}.hero-icon::after,.hero-icon::before{width:5px;height:16px;top:12px}.hero-icon::before{left:14px}.hero-icon::after{right:14px}.subtitle{font-size:20px}.feature-item{margin-bottom:20px;padding-left:16px}.feature-item::before{width:3px;height:32px}.feature-title{font-size:16px}.feature-desc{font-size:13px}.logo-row{margin-bottom:24px}.logo-icon{width:36px;height:36px;margin-right:12px}.logo-icon::after,.logo-icon::before{width:5px;height:15px;top:10px}.logo-icon::before{left:10px}.logo-icon::after{right:10px}.logo-title{font-size:20px;letter-spacing:1px}.form-group{margin-bottom:14px}label{font-size:13px;margin-bottom:5px}.field input{padding:11px 14px;font-size:14px}.btn-row,.link-row{flex-direction:column;gap:10px}.btn{padding:11px 0;font-size:14px}.btn-outline{font-size:12px}.msg{font-size:12px;padding:9px 12px}.hint{font-size:11px}.card-hint{font-size:11px;padding:5px 9px}.form-subtitle{font-size:16px;margin-bottom:10px}.form-tip{font-size:11px;padding:7px 10px}::-webkit-scrollbar{width:4px;height:4px}}@media (max-width:480px){body{padding:12px 8px}.container{padding:16px 12px 20px;border-radius:16px}.left-panel{padding-bottom:16px;margin-bottom:14px}.header-row{margin-bottom:20px}.hero-icon{width:42px;height:42px;margin-right:12px}.subtitle{font-size:18px}.feature-item{margin-bottom:18px;padding-left:14px}.feature-title{font-size:15px}.feature-desc{font-size:12px}.logo-row{margin-bottom:20px}.logo-icon{width:32px;height:32px}.logo-title{font-size:18px}.form-group{margin-bottom:12px}.field input{padding:10px 12px;font-size:13px}.btn{padding:10px 0;font-size:13px}.btn-outline{font-size:11px}.msg{font-size:11px;padding:8px 10px}.form-subtitle{font-size:15px}.form-tip{font-size:10px;padding:6px 9px}}@media (max-width:900px) and (orientation:landscape){body{align-items:flex-start}.container{margin:20px auto}.left-panel{display:none}.right-panel{max-width:500px;margin:0 auto}}@media (min-width:901px) and (max-width:1024px){.container{padding:32px 36px}.subtitle{font-size:22px}.feature-title{font-size:17px}.logo-title{font-size:24px}}