.sub-page{min-height:100vh;background:#080a0f;color:#f5f7fa;font-family:Inter,sans-serif;padding:60px 24px;position:relative;overflow-x:hidden}.sub-ambient{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(160px);opacity:.15;pointer-events:none;z-index:0}.sub-ambient-1{top:-100px;left:-200px;background:#1769ff}.sub-ambient-2{bottom:-200px;right:-200px;background:#35b8ff}.sub-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.sub-header{text-align:center;margin-bottom:48px}.sub-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(53,184,255,.1);border:1px solid rgba(53,184,255,.2);border-radius:999px;color:#35b8ff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.sub-title{font-size:48px;font-weight:900;margin:0 0 16px;letter-spacing:-1.5px;background:linear-gradient(135deg,#fff,#8fcaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sub-subtitle{font-size:16px;color:#7a8699;max-width:600px;margin:0 auto;line-height:1.6}.sub-alert{display:flex;align-items:center;gap:10px;padding:16px;margin-bottom:24px;border-radius:12px;font-size:14px}.sub-alert.pending{background:rgba(255,204,122,.1);border:1px solid rgba(255,204,122,.3);color:#ffcc7a}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.plan-card{position:relative;padding:32px 24px;background:rgba(19,25,36,.6);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);border-color:rgba(53,184,255,.3);box-shadow:0 20px 40px rgba(0,0,0,.3)}.plan-card.selected{border-color:#35b8ff;background:linear-gradient(160deg,rgba(23,105,255,.1),rgba(19,25,36,.6));box-shadow:0 0 0 1px #35b8ff,0 20px 40px rgba(23,105,255,.2)}.plan-card.pro{border-color:rgba(167,139,250,.3)}.plan-popular{background:linear-gradient(135deg,#a78bfa,#8b5cf6);white-space:nowrap}.plan-free,.plan-popular{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:4px 12px;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-radius:999px}.plan-free{background:linear-gradient(135deg,#28c840,#1ea830)}.plan-name{font-size:20px;font-weight:800;margin:0 0 4px}.plan-desc{font-size:13px;color:#7a8699;margin:0 0 20px}.plan-price-row{display:flex;align-items:baseline;gap:8px;padding:16px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px}.plan-amount{font-size:40px;font-weight:900;color:#fff;line-height:1}.plan-period{font-size:13px;color:#7a8699;font-weight:600}.plan-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;flex:1}.plan-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:#c1cad9;line-height:1.5}.plan-features li svg{color:#35b8ff;flex-shrink:0}.plan-cta{width:100%;padding:12px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;transition:all .2s}.plan-cta:hover{background:rgba(255,255,255,.1)}.plan-cta.primary{background:linear-gradient(135deg,#28c840,#1ea830);border-color:#28c840;box-shadow:0 8px 24px rgba(40,200,64,.3)}.plan-cta.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(40,200,64,.4)}.plan-cta:disabled{opacity:.6;cursor:not-allowed}.payment-section{background:linear-gradient(160deg,rgba(19,25,36,.8),rgba(13,17,25,.9));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;margin-bottom:40px}.payment-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.payment-header h2{font-size:20px;font-weight:800;margin:0;flex:1}.payment-header svg{color:#35b8ff}.payment-badge{padding:4px 10px;background:rgba(40,200,64,.15);color:#28c840;font-size:10px;font-weight:800;text-transform:uppercase;border-radius:6px;letter-spacing:.5px}.payment-plan-info{display:flex;align-items:center;justify-content:space-between;padding:16px;background:rgba(53,184,255,.05);border:1px solid rgba(53,184,255,.15);border-radius:12px;margin-bottom:24px}.payment-plan-label{font-size:12px;color:#7a8699;text-transform:uppercase;font-weight:600}.payment-plan-value{font-size:16px;font-weight:800;color:#35b8ff}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.payment-method-card{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s}.payment-method-card:hover{border-color:rgba(53,184,255,.3)}.payment-method-card.active{border-color:#35b8ff;background:rgba(53,184,255,.08)}.payment-method-icon{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.05);border-radius:10px;color:#35b8ff}.payment-method-info{flex:1;display:flex;flex-direction:column;gap:2px}.payment-method-info strong{font-size:14px;font-weight:700}.payment-method-info small{font-size:11px;color:#7a8699}.payment-method-radio{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:grid;place-items:center;flex-shrink:0}.payment-method-card.active .payment-method-radio{border-color:#35b8ff}.radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:background .2s}.payment-method-card.active .radio-dot{background:#35b8ff}.payment-input{width:100%;padding:14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#fff;margin-bottom:12px;font-family:inherit;font-size:14px;transition:all .2s}.payment-input:focus{outline:none;border-color:#35b8ff;background:rgba(53,184,255,.05)}.payment-file{width:100%;padding:14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:13px}.method-details,.method-note,.payment-file{margin-bottom:12px}.method-note{font-size:13px;color:#7a8699}.method-note strong{color:#35b8ff}.payment-submit{width:100%;padding:16px;border-radius:12px;font-size:15px;font-weight:800;cursor:pointer;border:none;background:linear-gradient(135deg,#1769ff,#258cff);color:#fff;transition:all .2s;box-shadow:0 8px 24px rgba(23,105,255,.3)}.payment-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(23,105,255,.4)}.payment-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.console-box{border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;background:#0d1117}.console-header{justify-content:space-between;padding:10px 16px;background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.06)}.console-header,.console-title{display:flex;align-items:center}.console-title{gap:6px;font-size:12px;font-weight:700;color:#8b949e}.console-clear{background:none;border:none;color:#8b949e;font-size:11px;cursor:pointer}.console-clear:hover{color:#f5f7fa}.console-body{padding:12px 16px;max-height:240px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.7;color:#c9d1d9}.console-empty{color:#8b949e;font-style:italic;margin:0}.console-line{white-space:pre-wrap;word-break:break-word}.console-line.error{color:#ff8888}.console-line.success{color:#28c840}@media (max-width:768px){.sub-page{padding:40px 16px}.sub-title{font-size:32px;letter-spacing:-1px}.sub-subtitle{font-size:14px}.plans-grid{grid-template-columns:1fr}.payment-section{padding:20px}.payment-methods{grid-template-columns:1fr}.payment-plan-info{flex-direction:column;gap:4px;align-items:flex-start}}