.payment-page{box-sizing:border-box;width:100%;min-height:100vh;padding:70px 20px 80px}.payment-container{width:100%;max-width:1080px;margin:0 auto}.payment-header{text-align:center;max-width:850px;margin:0 auto 42px}.payment-header__eyebrow{font-size:var(--font-size-base);letter-spacing:0;color:var(--black);font-weight:500;line-height:1.6}.payment-header__title{font-size:clamp(var(--font-size-3xl),2.6vw,var(--font-size-5xl-hero));letter-spacing:0;color:var(--text-description);margin-bottom:1rem;font-weight:400;line-height:1.2}.payment-header__description{color:#707070;max-width:650px;margin:15px auto 0;font-size:15px;line-height:1.7}.payment-header__description strong{color:#505050}.payment-card{background:#f1f1f1;border:1px solid #e7e7e7;border-radius:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000014}.payment-card__info{background:var(--text-description);color:#fff;align-items:center;height:100%;min-height:580px;display:flex;position:relative;overflow:hidden}.payment-card__info-content{z-index:2;width:100%;position:relative}.payment-icon{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:28px;display:flex;box-shadow:10px 25px #ff751840}.payment-card__label{color:#fff;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px;font-size:1rem;font-weight:400;display:block}.payment-card__course{color:#fff;max-width:390px;font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-3xl));margin:0;font-weight:500;line-height:1.25}.payment-card__text{color:#fff;max-width:400px;margin:18px 0 35px;font-size:1rem;line-height:1.8}.payment-benefits{flex-direction:column;gap:20px;max-width:400px;display:flex}.payment-benefit{align-items:center;gap:14px;display:flex}.payment-benefit__icon{color:#fff;background:#67e8f914;border:1px solid #67e8f94d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.payment-benefit__icon svg{width:17px;height:17px}.payment-benefit div{flex-direction:column;gap:3px;display:flex}.payment-benefit strong{color:#fff;font-size:1rem;font-weight:600}.payment-benefit div span{color:#fff;font-size:.75rem}.payment-card__shape{pointer-events:none;border-radius:50%;position:absolute}.payment-card__shape--one{border:1px solid #67e8f926;width:280px;height:280px;bottom:-100px;right:-100px}.payment-card__shape--two{border:1px solid #ff751833;width:160px;height:160px;bottom:-40px;right:-40px}.payment-card__form-wrapper{background:#f1f1f1;flex-direction:column;padding:50px 55px 40px;display:flex}.payment-form-header{margin-bottom:30px}.payment-form-header h2{color:#202020;margin:0;font-size:25px;font-weight:600}.payment-form-header p{color:#777;margin:7px 0 0;font-size:13px}.payment-form{flex-direction:column;gap:20px;display:flex}.payment-field{flex-direction:column;gap:8px;display:flex}.payment-field label{color:#333;font-size:13px;font-weight:500}.payment-field label span{color:var(--primary)}.payment-input-wrapper{background:#fff;border:1px solid #dedede;border-radius:10px;align-items:center;height:52px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.payment-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ed6f1e1a}.payment-input-wrapper input{color:#202020;background:0 0;border:0;outline:none;width:100%;height:100%;padding:0 15px;font-family:inherit;font-size:14px}.payment-input-wrapper input::placeholder{color:#aaa}.payment-input-prefix{color:#505050;padding-left:16px;font-size:15px;font-weight:600}.payment-input-icon{color:var(--text-description);flex-shrink:0;margin-left:16px;font-size:17px}.payment-input-icon+input{padding-left:10px}.payment-submit{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;width:100%;height:54px;margin-top:8px;font-family:inherit;font-size:15px;font-weight:600;transition:background-color .3s,transform .3s,box-shadow .3s;display:flex}.payment-submit:hover{background:#ed650c;transform:translateY(-2px);box-shadow:0 10px 25px #ff751840}.payment-submit__icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:10px;transition:transform .3s;display:flex}.payment-submit:hover .payment-submit__icon{transform:translate(4px)}.payment-gateway{text-align:center;border-top:1px solid #ddd;flex-direction:column;align-items:center;margin-top:32px;padding-top:25px;display:flex}.payment-gateway__secure{color:var(--text-description);align-items:center;gap:6px;font-size:10px;display:flex}.payment-gateway__secure svg{color:var(--background)}.payment-gateway__brand{background:#fff;border:1px solid #dedede;border-radius:4px;align-items:center;width:12rem;height:3.5rem;margin-top:10px;display:flex;position:relative;overflow:hidden}.payment-gateway__brand-box{color:#fff;background:#ed1c24;justify-content:center;align-items:center;height:32px;padding:0 8px;font-size:10px;font-weight:800;display:flex}.payment-gateway__brand strong{color:#174a91;padding:0 12px;font-size:14px;font-weight:800}.payment-gateway p{color:#777;margin:7px 0 0;font-size:10px}.payment-security{color:var(--text-description);text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.payment-security svg{color:#67aeba;flex-shrink:0}@media (max-width:900px){.payment-page{padding:55px 20px 65px}.payment-card__info,.payment-card__form-wrapper{padding:40px}.payment-card__course{font-size:26px}}@media (max-width:767px){.payment-page{padding:40px 15px 50px}.payment-header{margin-bottom:30px}.payment-header__description{font-size:13px}.payment-card{border-radius:18px;grid-template-columns:1fr}.payment-card__info{min-height:auto;padding:35px 25px}.payment-card__course{font-size:24px}.payment-card__text{margin-bottom:28px}.payment-card__form-wrapper{padding:32px 25px 30px}.payment-form-header h2{font-size:22px}}@media (max-width:480px){.payment-page{padding:30px 12px 40px}.payment-header__description{font-size:12px}.payment-card__info{padding:30px 20px}.payment-icon{width:50px;height:50px;margin-bottom:22px}.payment-card__course{font-size:22px}.payment-card__text{font-size:13px}.payment-card__form-wrapper{padding:28px 20px}.payment-input-wrapper{height:50px}.payment-submit{height:52px}.payment-security{align-items:flex-start;font-size:10px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.payment-submit,.payment-submit__icon,.payment-input-wrapper{transition:none}}.payment-input-wrapper--error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1f}.payment-field-error{color:#e53e3e;align-items:center;gap:5px;margin-top:4px;font-size:12px;display:flex}.payment-field-error svg{flex-shrink:0;font-size:13px}.payment-server-error{color:#c53030;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.payment-server-error svg{flex-shrink:0;margin-top:2px;font-size:15px}.payment-submit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.payment-submit__spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-right:10px;animation:.7s linear infinite payment-spin;display:inline-block}@keyframes payment-spin{to{transform:rotate(360deg)}}.payment-empty{text-align:center;color:var(--text-description);padding:60px 20px;font-size:15px}