.payment-section{background:radial-gradient(circle at 12% 10%,#7653d71a,#0000 28%),radial-gradient(circle at 88% 12%,#07989d1a,#0000 28%),linear-gradient(#fbf6ff 0%,#fff 100%);padding:90px 0 100px}.payment-header{max-width:780px;margin:0 auto 46px}.payment-badge{color:#00868e;background:#eefafa;border:1px solid #d7ecec;border-radius:50px;align-items:center;gap:8px;width:fit-content;margin:0 auto 16px;padding:7px 15px;font-size:13px;font-weight:750;display:inline-flex}.payment-header h1{color:#050713;margin:0;font-weight:900;line-height:1.08}.payment-header h1 span{background:linear-gradient(95deg,#7653d7 0%,#5268bd 45%,#07989d 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.payment-header p{color:#566074;max-width:650px;margin:18px auto 0;font-size:17px;line-height:1.65}.payment-form-card,.payment-summary-card{background:#fff;border:1px solid #dde2ec;border-radius:30px;box-shadow:0 18px 46px #19133514}.payment-form-card{padding:36px}.payment-form-card h2{color:#050713;margin:0 0 8px;font-size:30px;font-weight:900}.payment-form-card>p{color:#566074;margin:0 0 28px;font-size:15.5px}.payment-form-card .form-control,.payment-form-card .form-select{color:#050713;min-height:54px;box-shadow:none;background-color:#f8f9fc;border:1px solid #dde2ec;border-radius:16px;padding:13px 16px;font-size:15px}.payment-form-card .form-select{cursor:pointer;background-position:right 16px center;padding-right:44px}.payment-form-card .form-select:disabled{opacity:.65;cursor:not-allowed}.payment-form-card .form-control:focus,.payment-form-card .form-select:focus{background-color:#fff;border-color:#7653d7;box-shadow:0 0 0 4px #7653d724}.payment-form-card .payment-invalid{background-color:#fff7f7!important;border-color:#dc3545!important}.payment-error{color:#dc3545;margin-top:6px;font-size:13px;font-weight:650}.payment-submit-btn{color:#fff;background:linear-gradient(135deg,#7653d7,#4f5fbd);border:0;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;margin-top:8px;font-size:16px;font-weight:850;display:inline-flex;box-shadow:0 16px 34px #5641a042}.payment-submit-btn:disabled{opacity:.7;cursor:not-allowed}.payment-summary-card{padding:32px;position:sticky;top:100px}.payment-summary-top{border-bottom:1px solid #e5e8f0;justify-content:space-between;gap:20px;padding-bottom:24px;display:flex}.payment-summary-top span{color:#6d7587;font-size:13px;font-weight:750}.payment-summary-top h3{color:#050713;margin:6px 0 0;font-size:28px;font-weight:900}.payment-course-icon{color:#fff;background:linear-gradient(135deg,#7653d7,#4f5fbd);border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.payment-course-icon i{font-size:25px}.payment-price-box{background:linear-gradient(135deg,#fbf8ff 0%,#eefafa 100%);border-radius:22px;justify-content:space-between;gap:20px;margin-top:24px;padding:24px;display:flex}.payment-price-box span{color:#6d7587;margin-bottom:6px;font-size:13px;font-weight:750;display:block}.payment-price-box del{color:#8b91a0;font-size:20px;font-weight:800}.payment-price-box strong{color:#050713;font-size:34px;font-weight:950}.payment-summary-list{gap:14px;margin-top:26px;display:grid}.payment-summary-list div{color:#566074;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.payment-summary-list i{color:#00a3a8;margin-top:2px}.payment-note{color:#00868e;background:#eefafa;border:1px solid #d7ecec;border-radius:18px;gap:10px;margin-top:26px;padding:16px;font-size:13.5px;font-weight:650;line-height:1.5;display:flex}.payment-note i{flex:none;margin-top:2px}@media (max-width:991px){.payment-section{padding:72px 0 80px}.payment-summary-card{position:static}}@media (max-width:767px){.payment-section{padding:58px 0 62px}.payment-header{margin-bottom:34px}.payment-header h1{font-size:38px}.payment-header p{font-size:15px}.payment-form-card,.payment-summary-card{border-radius:24px;padding:24px 18px}.payment-form-card h2{font-size:26px}.payment-price-box{flex-direction:column;gap:14px}}@media (max-width:480px){.payment-form-card,.payment-summary-card{padding:22px 16px}.payment-summary-top{flex-direction:column}.payment-header h1{font-size:34px}}