.buy-page{background:linear-gradient(180deg,#f0f9ff,#e8f4fd 35%,#dbeafe);min-height:100vh;padding:120px 24px 80px}.buy-card{max-width:960px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 8px 40px #4a9eff1f,0 2px 12px #0000000f;border:1px solid rgba(255,255,255,.8);padding:0;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:stretch}.buy-main{flex:1;min-width:0;padding:48px 40px}.buy-sidebar{width:360px;flex-shrink:0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-left:1px solid #e2e8f0;padding:40px 36px}.buy-summary-card{position:sticky;top:100px}.buy-summary-card .buy-section-title{font-size:15px;margin-bottom:20px}.buy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a9eff,#10b981);border-radius:20px 20px 0 0}.buy-header{margin-bottom:32px}.buy-badge{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#4a9eff;background:#4a9eff1a;padding:6px 12px;border-radius:8px;margin-bottom:12px}.buy-title{font-size:28px;font-weight:700;color:#1e3a5f;margin:0 0 8px;line-height:1.25}.buy-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.buy-error{background:#fef2f2;color:#b91c1c;padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;line-height:1.5;border:1px solid #fecaca;display:none}.buy-request-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:16px;padding:24px;margin-bottom:24px;color:#065f46;font-size:15px;line-height:1.6;display:none}.buy-request-success strong{display:block;margin-bottom:8px;font-size:17px;color:#047857}.buy-manual-instructions-wrap{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.buy-manual-instructions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;color:#334155;line-height:1.6;white-space:pre-wrap}.buy-request-id{display:inline-block;margin-top:10px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:15px;font-weight:600;background:#ffffffb3;padding:10px 16px;border-radius:10px;letter-spacing:.02em}.buy-section{margin-bottom:32px}.buy-section:last-of-type{margin-bottom:0}.buy-section-title{font-size:14px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}.buy-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:14px;padding:20px 24px;margin-bottom:10px;border:1px solid #e2e8f0}.buy-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.buy-summary-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.06)}.buy-summary-label{color:#64748b;font-size:14px}.buy-summary-value{font-weight:600;color:#1e293b;font-size:14px}.buy-summary-price{font-size:24px;font-weight:700;background:linear-gradient(135deg,#4a9eff,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.buy-change-plan{display:inline-block;font-size:14px;font-weight:500;color:#4a9eff;text-decoration:none;transition:color .2s;margin-top:12px}.buy-change-plan:hover{color:#2563eb;text-decoration:underline}.buy-summary-card .buy-summary{margin-bottom:0;padding:24px 28px}.buy-summary-card .buy-summary-row{padding:12px 0}.buy-summary-card .buy-summary-label,.buy-summary-card .buy-summary-value{font-size:15px}.buy-summary-card .buy-summary-price{font-size:26px}.buy-summary-card .buy-change-plan{margin-top:18px}.buy-form .form-group{margin-bottom:20px}.buy-form .form-group:last-of-type{margin-bottom:0}.buy-form label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.buy-form label .optional{font-weight:400;color:#94a3b8}.buy-form input{width:100%;padding:12px 16px;font-size:15px;border:1.5px solid #e2e8f0;border-radius:10px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s;background:#fff}.buy-form input::placeholder{color:#94a3b8}.buy-form input:hover{border-color:#cbd5e1}.buy-form input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 4px #4a9eff26}.buy-form input.error-state{border-color:#dc2626;background:#fef2f2}.buy-form .field-error{color:#dc2626;font-size:13px;margin-top:6px}.buy-after-plan{margin-bottom:0}.buy-after-plan:last-child{margin-bottom:0}.buy-after-heading{font-size:15px;font-weight:700;color:#166534;margin:0 0 12px}.buy-after{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:14px;padding:20px 24px;color:#166534;font-size:14px;line-height:1.6}.buy-after ul{margin:0;padding-left:0;list-style:none}.buy-after li{margin-bottom:10px;padding-left:28px;position:relative}.buy-after li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat}.buy-after li:last-child{margin-bottom:0}.buy-agree{display:flex;align-items:center;gap:12px;margin-bottom:28px}.buy-agree input[type=checkbox]{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:#4a9eff;cursor:pointer}.buy-agree label{font-size:14px;line-height:1.5;color:#475569;cursor:pointer;font-weight:400}.buy-agree a{color:#4a9eff;text-decoration:none;font-weight:500}.buy-agree a:hover{text-decoration:underline}.buy-submit{width:100%;padding:16px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#4a9eff,#2563eb);border:none;border-radius:12px;cursor:pointer;transition:transform .15s,box-shadow .2s;box-shadow:0 4px 14px #4a9eff66}.buy-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4a9eff73}.buy-submit:active:not(:disabled){transform:translateY(0)}.buy-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.buy-submit.loading{pointer-events:none}@media(max-width:768px){.buy-card{flex-direction:column}.buy-sidebar{width:100%;border-left:none;border-top:1px solid #e2e8f0;padding:28px 24px;order:-1}.buy-summary-card{position:static}.buy-main{padding:32px 24px}}@media(max-width:640px){.buy-page{padding:100px 16px 60px}.buy-card{border-radius:16px}.buy-main{padding:28px 20px}.buy-sidebar{padding:24px 20px}.buy-title{font-size:24px}.buy-subtitle{font-size:15px}.buy-summary-price{font-size:20px}}
