:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.register-page{letter-spacing:.05px;background:#fff;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px 140px;display:flex}.hero{text-align:center;color:#1c1b1b;animation:1s fadeDown}.headingCenter{align-items:center}.hero .heading_bottom{letter-spacing:0;color:#af2724;text-align:right;text-align:right;flex-direction:column;width:99%;margin-bottom:20px;display:flex}.hero .h1{width:80%}.hero .top-heading{color:#af2724;margin-right:-1px;font-size:40px}.hero .heading_bottom_text{margin-top:-15px;font-size:25px}.price{color:#fff;background:#af2724;border-radius:30px;margin-top:15px;padding:10px 25px;font-size:28px;font-weight:700;display:inline-block}.form-container{background:#fff;border-radius:10px;width:100%;max-width:900px;padding:40px;animation:1s fadeUp;box-shadow:0 10px 30px #0006}.form-container h2{text-align:center;color:#af2724;margin-bottom:25px}.grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}input,select{border:1px solid #ddd;border-radius:6px;padding:12px;font-size:14px;font-weight:300;transition:all .3s}input:focus,select:focus{border-color:#e22e2b;outline:none;box-shadow:0 0 5px #e22e2b66}.summaryBar{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:20px;display:flex}.register-btn{color:#fff;cursor:pointer;background:#af2724;border:none;border-radius:8px;width:100%;max-width:400px;padding:15px;font-size:16px;font-weight:700;transition:all .3s}.register-btn:hover{background:#c62828;transform:scale(1.03)}.fee-Note{letter-spacing:.05px;color:#111827;font-size:14px}.fee-Note .amount{font-size:14px;font-weight:700}.helper{color:#6b7280}@keyframes fadeDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.grid{grid-template-columns:1fr}.form-container{padding:25px}}input[type=date]{text-transform:uppercase;width:100%;display:block}.input-group{flex-direction:column;display:flex}.input-group label{color:#030303;margin-bottom:5px;font-size:14px;font-weight:600}.notice{color:#7f1d1d;background:#fff8f8;border:1px dashed #fecaca;border-radius:10px;margin-top:20px;padding:12px 14px;padding:8px 10px!important}.notice b{color:#b91c1c}.notice ul{margin:6px 0 0 18px}.checkboxRow{color:#374151;align-items:center;gap:8px;margin-top:9px;font-size:16px;display:flex}.checkboxRow input[type=checkbox]{accent-color:#e53935;width:18px;height:18px}.btmExtraSections{flex-flow:wrap;justify-content:space-between;gap:20px;width:100%;margin-bottom:40px;display:flex}.btmExtraSections button{color:#fff;cursor:pointer;background:#af2724;border:none;border-radius:8px;width:100%;max-width:250px;padding:15px;font-size:16px;font-weight:700;transition:all .3s}.btmExtraSections button:hover{background:#c62828;transform:scale(1.03)}.modalOverlay{z-index:1000;color:#111827;background:#00000080;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modalCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:min(520px,100%);overflow:hidden;box-shadow:0 20px 40px #0003}.modalHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modalHeader h3{margin:0}.modalClose{cursor:pointer;background:0 0;border:none;font-size:28px}.modalBody{justify-items:center;gap:12px;padding:16px;display:grid}.qrImage{object-fit:contain;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:240px;height:240px}.modalInfo{text-align:center;gap:4px;display:grid}.group{gap:6px;margin-top:8px;display:grid}.modalActions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 16px;display:flex}.btnSecondary{appearance:none;color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 16px;font-weight:700}.registrationContainer .btnPrimary{border-radius:10px!important;padding:9px 14px!important;font-size:13px!important}.btnPrimary{appearance:none;color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:12px;padding:12px 18px;font-weight:800;transition:transform 20ms,background .15s,box-shadow .2s;box-shadow:0 8px 16px #e539352e}.btnPrimary:hover{background:#c62828}@media (width<=600px){.btmExtraSections{justify-content:center}.modalCard{border-radius:10px;width:100%}.modalHeader{padding:10px 12px}.modalHeader h3{font-size:16px}.modalClose{font-size:24px}.modalBody{gap:10px;padding:12px}.qrImage{width:180px;height:180px}.modalInfo{font-size:13px}.group{width:100%}.input{width:100%;padding:10px;font-size:14px}.upload-container h4{text-align:center;font-size:13px}.upload-box input{width:100%}.helper{text-align:center;font-size:12px}.modalActions{flex-direction:column;gap:8px}.btnPrimary,.btnSecondary{width:100%;padding:10px;font-size:14px}}@media (width<=270px){.btmExtraSections button{padding:8px;font-size:10px}.hero h1{font-size:18px}.hero .heading_bottom_text{margin-top:-10px;margin-right:12px;font-size:18px}.hero h2{font-size:10px}.form-container{padding:6px}.form-container h2{margin-top:10px;margin-bottom:15px;font-size:17px}.price{border-radius:25px;padding:5px 15px;font-size:15px}input,select{padding:4px;font-size:10px;font-weight:300}.register-btn{padding:6px;font-size:10px}.notice{font-size:10px;padding:8px 5px!important}.checkboxRow{font-size:10px}}.alert{margin-top:6px;font-weight:600}.alert.success{color:#16a34a}.alert.failed{color:#e53935}.alert p:focus{background:#ffe5e5;outline:none;transition:all .3s}.course_prices{flex-flow:wrap;justify-content:center;gap:30px;font-weight:700;display:flex}@media (width<=340px){.course_prices{gap:8px}}.upload-container{text-align:center}.upload-box{cursor:pointer;border-radius:10px;max-width:400px;transition:all .3s}.upload-box:hover{background:#e22e2b1a}input[type=file]{color:#000;width:100%}.upload-btn{color:#fff;cursor:pointer;background:#af2724;border:none;border-radius:6px;margin-top:15px;padding:12px 20px;transition:all .3s}.upload-btn:hover{color:#000;background:#fff}@media (width<=600px){.upload-box{max-width:100%}}.container{justify-content:center;align-items:center;margin-bottom:30px;display:flex}.text-box{text-align:right;color:#af2724}.main-text{margin:0;font-size:3rem;font-weight:700}.sub-text{margin:-15px 0 0;font-size:2rem;font-weight:700}@media (width<=768px){.main-text{font-size:2rem}.sub-text{margin-top:-12px;font-size:1.2rem}}@media (width<=320px){.main-text{font-size:1.5rem}.sub-text{margin-top:-10px;font-size:1rem}}.animation-container{text-align:center;width:100%;height:200px;margin-bottom:40px;position:relative;overflow:hidden}.animation-container .animation-card{opacity:0;width:100%;transition:all .6s ease-in-out;position:absolute;transform:translateY(100%)}.animation-container .animation-card.active{opacity:1;z-index:1;transform:translateY(0)}.animation-container .animation-card.inactive{opacity:0;transform:translateY(-100%)}@media (width<=426px){.animation-container{height:170px}.animation-card h1{font-size:1.2rem}.animation-card h2,.animation-card .price{font-size:.9rem}}@media (width<=400px){.animation-container{height:150px}.animation-card h1{font-size:1.3rem}.animation-card h2,.animation-card .price{font-size:1rem}}@media (width<=274px){.animation-container{height:120px}.animation-card h1{font-size:1.1rem}.animation-card h2,.animation-card .price{font-size:.8rem}}:root{--bg-start:#f8f4ec;--bg-end:#f3ddd1;--card-bg:#fffffff0;--text-main:#231815;--text-soft:#6f5a52;--accent:#af2724;--accent-deep:#8f1f1d;--accent-soft:#af27241f;--border:#744b3d24;--shadow:0 24px 60px #6a392829}*{box-sizing:border-box}body{color:var(--text-main);margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif}.invoice-shell{background:radial-gradient(circle at 0 0,#ffffffb8,#0000 32%),radial-gradient(circle at 100% 100%,#af272424,#0000 28%);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:1190px;min-height:100vh;padding:40px 20px;display:flex}.invoice-card{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:1120px;box-shadow:var(--shadow);border-radius:28px;padding:32px;animation:.75s cubic-bezier(.2,.8,.2,1) cardEnter;position:relative;overflow:hidden}.invoice-accent{background:linear-gradient(90deg, var(--accent-deep), var(--accent), #d88f6d);height:6px;position:absolute;inset:0 0 auto}.invoice-header,.invoice-overview,.services-panel,.invoice-bottom,.invoice-footer{z-index:1;position:relative}.invoice-header{grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);align-items:stretch;gap:24px;margin-bottom:24px;display:grid}.brand-block,.invoice-title-panel,.panel,.services-panel,.invoice-footer{background:var(--surface-strong);border:1px solid var(--border);border-radius:22px;box-shadow:0 14px 28px #6f463614}.brand-block,.invoice-title-panel,.panel,.services-panel{padding:24px}.brand-block{flex-direction:column;align-items:center;gap:16px;animation:.8s both riseIn;display:flex}.brand-badge,.eyebrow,.section-label,.section-note{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.brand-badge{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;align-self:flex-start;padding:8px 12px;font-weight:700}.logo{object-fit:contain;width:180px;max-width:100%;height:auto;transition:transform .35s}.brand-block:hover .logo{transform:translateY(-2px)scale(1.02)}.brand-copy h1,.invoice-title-panel h2,.section-heading h3,.bill-panel h3{margin:0}.brand-copy p,.bill-panel p,.invoice-footer p,.invoice-footer span,.section-note{color:var(--text-soft);margin:0}.brand-copy{gap:6px;display:grid}.brand-copy h1{font-size:clamp(1.8rem,2vw,2.3rem)}.invoice-title-panel{background:linear-gradient(#fff7f2,#fff);flex-direction:column;justify-content:space-between;gap:18px;animation:.8s 80ms both riseIn;display:flex}.eyebrow,.section-label{color:var(--accent);margin:0 0 6px;font-weight:700}.invoice-title-panel h2{font-size:clamp(2rem,4vw,3rem);line-height:1}.meta-grid{flex-flow:row;justify-content:space-between;gap:14px;display:flex}.meta-card,.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-grow:1;padding:16px;transition:transform .25s,box-shadow .25s,border-color .25s}.meta-card:hover,.stat-card:hover,.panel:hover,.services-panel:hover{border-color:#af272438;transform:translateY(-3px);box-shadow:0 16px 28px #7848381a}.meta-card span,.stat-card span,.detail-row span,.total-row span{color:var(--text-soft);margin-bottom:8px;font-size:.9rem;display:block}.meta-card strong,.stat-card strong,.detail-row strong,.total-row strong{font-size:1rem}.invoice-overview{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:24px;margin-bottom:24px;display:grid}.bill-panel{background:linear-gradient(#fff,#fff9f5);gap:8px;animation:.8s .16s both riseIn;display:grid}.bill-panel h3{font-size:1.45rem}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;animation:.8s .24s both riseIn;display:grid}.stat-card strong{font-size:1.15rem}.services-panel{background:linear-gradient(#fff,#fffaf7);margin-bottom:24px;animation:.8s .32s both riseIn}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.section-heading h3{font-size:1.4rem}.section-note{text-align:right;max-width:280px}.table-wrap{border:1px solid var(--border);border-radius:18px;overflow-x:auto}.invoice-table{border-collapse:collapse;background:var(--surface-strong);width:100%;min-width:540px}.invoice-table th{background:linear-gradient(90deg, var(--accent-deep), var(--accent));color:#fff;text-align:left;letter-spacing:.04em;padding:16px 18px;font-size:.9rem}.invoice-table td{color:var(--text-main);border-bottom:1px solid #744b3d1f;padding:18px;transition:background .25s}.invoice-table tbody tr:hover td{background:#af27240d}.invoice-bottom{grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);gap:24px;margin-bottom:24px;display:grid}.payment-panel,.totals-panel{animation:.8s .4s both riseIn}.payment-panel{gap:14px;display:grid}.detail-row,.total-row{border-bottom:1px solid #744b3d1f;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.detail-row:last-child,.total-row:last-child{border-bottom:none}.status-pill{color:var(--accent-deep);background:var(--accent-soft);border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;display:inline-flex}.totals-panel{background:linear-gradient(135deg,#fff9f5,#fff)}.grand-total strong{color:var(--accent-deep);font-size:1.2rem}.invoice-footer{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;animation:.8s .48s both riseIn;display:flex}.invoice-footer p{color:var(--accent-deep);font-weight:700}.invoice-footer span{text-align:right;max-width:420px}.invoice-actions{justify-content:flex-end;width:min(100%,1120px);animation:.8s .56s both riseIn;display:flex}.download-btn{background:linear-gradient(90deg, var(--accent-deep), var(--accent));color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;padding:14px 24px;font-size:.98rem;font-weight:700;transition:transform .25s,box-shadow .25s,filter .25s;box-shadow:0 16px 28px #af272433}.download-btn:hover{filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 20px 32px #af272442}.download-btn:active{transform:translateY(0)}.invoice-actions.is-exporting .download-btn{opacity:.72;pointer-events:none}.pdf-export-mode{width:794px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border-radius:0!important;padding:22px!important;animation:none!important}.pdf-export-mode *{text-shadow:none!important;transition:none!important;animation:none!important}.pdf-export-mode .invoice-accent{height:5px!important}.pdf-export-mode .brand-block,.pdf-export-mode .invoice-title-panel,.pdf-export-mode .panel,.pdf-export-mode .services-panel,.pdf-export-mode .invoice-footer{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.pdf-export-mode .invoice-header,.pdf-export-mode .invoice-overview,.pdf-export-mode .invoice-bottom{gap:18px!important;margin-bottom:18px!important}.pdf-export-mode .services-panel{margin-bottom:18px!important}.pdf-export-mode .invoice-table th,.pdf-export-mode .invoice-table td{font-size:14px!important}.pdf-export-mode .brand-copy h1{font-size:30px!important}.pdf-export-mode .invoice-title-panel h2{font-size:38px!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Arial}.receipt-container{flex-direction:column;min-height:100vh;padding:20px;display:flex}.centerCard{justify-items:center}.card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:20px;animation:.5s fadeIn;box-shadow:0 5px 15px #0000001a}.payment-input-group{flex-direction:column;gap:10px;margin-top:15px;display:flex}.payment-input-group input{border:2px solid #af2724;border-radius:8px;flex:1;padding:10px}.payment-input-group button{color:#fff;cursor:pointer;background:#af2724;border:none;border-radius:8px;padding:12px;font-size:15px;transition:all .3s}.payment-input-group button:hover{background:#8b0000;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.payment-input-group{flex-direction:column}}