/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-slate-100:oklch(96.8% .007 247.896);--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.w-full{width:100%}.overflow-x-auto{overflow-x:auto}.p-4{padding:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}}:root{--cyber-bg:#050610;--cyber-panel:#0a0d1cf0;--cyber-cyan:#00f7ff;--cyber-pink:#ff2bd6;--cyber-yellow:#f5f749;--cyber-text:#ecfeff;--cyber-muted:#8d9bb5}.top-up-page{background:radial-gradient(circle at 50% 0%, #13284f 0, transparent 38%), linear-gradient(135deg, #03040b 0%, var(--cyber-bg) 48%, #100516 100%);min-height:100vh;color:var(--cyber-text);isolation:isolate;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex;position:relative;overflow:hidden}.top-up-page__grid{z-index:-2;opacity:.16;transform-origin:bottom;background-image:linear-gradient(#00f7ff59 1px,#0000 1px),linear-gradient(90deg,#00f7ff59 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;transform:perspective(500px)rotateX(58deg)scale(1.8)translateY(18%);-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.top-up-page:before{z-index:-1;content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#0003 4px);position:absolute;inset:0}.top-up-page__glow{z-index:-1;opacity:.18;filter:blur(75px);border-radius:50%;width:20rem;height:20rem;animation:8s ease-in-out infinite alternate cyber-drift;position:absolute}.top-up-page__glow--cyan{background:var(--cyber-cyan);top:-6rem;left:-5rem}.top-up-page__glow--pink{background:var(--cyber-pink);animation-delay:-4s;bottom:-7rem;right:-5rem}.brand-sign{filter:drop-shadow(0 0 12px #a855f733);border-left:2px solid #a855f7bf;padding:.65rem 1rem .7rem 1.15rem;position:absolute;top:clamp(1.5rem,4vw,2.75rem);left:clamp(1.5rem,5vw,4.5rem)}.brand-sign:before,.brand-sign:after{content:"";height:1px;position:absolute;left:0}.brand-sign:before{background:linear-gradient(90deg,#c084fcd9,#0000);width:100%;top:0}.brand-sign:after{background:linear-gradient(90deg, var(--cyber-pink), transparent);width:68%;bottom:0;box-shadow:0 0 8px #ff2bd673}.brand-sign__name{z-index:0;color:#0000;letter-spacing:.24em;text-indent:.24em;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#6d28d9 0%,#a855f7 25%,#e879f9 50%,#8b5cf6 75%,#6d28d9 100%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.3rem,3vw,1.75rem);font-weight:900;line-height:1;animation:8s ease-in-out infinite alternate brand-shimmer,9s step-end infinite brand-flicker;position:relative}.brand-sign__name:before{z-index:-1;color:#ff2bd63d;content:attr(data-text);-webkit-text-fill-color:#ff2bd63d;position:absolute;inset:0;transform:translate(2px,1px)}.brand-sign__meta{color:#64748b;letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:.45rem;margin-top:.45rem;font-size:.55rem;font-weight:700;display:flex}.brand-sign__status{background:var(--cyber-cyan);width:.35rem;height:.35rem;box-shadow:0 0 7px var(--cyber-cyan);border-radius:50%;animation:2.2s ease-in-out infinite status-pulse}.top-up-card{background:var(--cyber-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 2rem) 0,100% 2rem,100% 100%,2rem 100%,0 calc(100% - 2rem));border:1px solid #00f7ff73;width:min(100%,31rem);padding:2.25rem;position:relative;box-shadow:inset 0 0 0 1px #ff2bd61f,0 0 30px #00f7ff1f,18px 18px #ff2bd614}.top-up-card:before{content:"";background:var(--cyber-pink);width:6rem;height:3px;box-shadow:0 0 12px var(--cyber-pink);position:absolute;top:0;left:2.25rem}.top-up-card__corner{border-color:var(--cyber-yellow);width:.85rem;height:.85rem;position:absolute}.top-up-card__corner--top{border-top:2px solid;border-right:2px solid;top:1rem;right:1rem}.top-up-card__corner--bottom{border-bottom:2px solid;border-left:2px solid;bottom:1rem;left:1rem}.top-up-card__eyebrow{color:var(--cyber-yellow);letter-spacing:.18em;margin:0 0 .75rem;font-size:.7rem;font-weight:800}.top-up-card__title{color:#0000;letter-spacing:-.025em;filter:drop-shadow(0 0 6px #a855f752);-webkit-text-fill-color:transparent;background:linear-gradient(110deg,#5b21b6 0%,#9333ea 25%,#d946ef 50%,#7c3aed 75%,#5b21b6 100%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.75rem,6vw,2.35rem);font-weight:800;line-height:1.1;animation:10s ease-in-out infinite alternate title-flow;display:inline-block;position:relative}.top-up-card__description{color:var(--cyber-muted);margin:.9rem 0 0;font-size:.9rem;line-height:1.6}.top-up-form{gap:1.25rem;margin-top:2rem;display:grid}.top-up-form__field{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.top-up-form__label{color:#cbd9ea;letter-spacing:.09em;text-transform:uppercase;font-size:.72rem;font-weight:800}.top-up-form__label:before{color:var(--cyber-cyan);content:"//";margin-right:.45rem}.top-up-form__optional{color:#65738d;letter-spacing:0;text-transform:none;margin-left:.35rem;font-size:.65rem;font-weight:500}.top-up-form__input{border:1px solid #27344e;border-left:3px solid var(--cyber-cyan);width:100%;color:var(--cyber-text);font:inherit;caret-color:var(--cyber-pink);background:#02050fd1;border-radius:0;outline:none;padding:.85rem 1rem;transition:border-color .18s,box-shadow .18s,background .18s}.top-up-form__input::placeholder{color:#53617a}.top-up-form__input:hover{border-color:#455571;border-left-color:var(--cyber-cyan)}.top-up-form__input:focus{border-color:var(--cyber-cyan);box-shadow:0 0 0 1px var(--cyber-cyan), 0 0 18px #00f7ff33;background:#040c19f2}.top-up-form__input:invalid:not(:placeholder-shown){border-color:var(--cyber-pink);border-left-color:var(--cyber-pink)}.payment-options{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.payment-option{cursor:pointer;position:relative}.payment-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.payment-option span{color:#71809a;letter-spacing:.04em;text-align:center;text-transform:uppercase;background:#02050fd1;border:1px solid #27344e;justify-content:center;align-items:center;min-height:2.85rem;font-size:.72rem;font-weight:800;transition:border-color .18s,box-shadow .18s,color .18s,background .18s;display:flex}.payment-option input:checked+span{border-color:var(--cyber-cyan);color:#b7faff;background:#00f7ff12;box-shadow:inset 0 0 0 1px #00f7ff4d,0 0 14px #00f7ff1a}.payment-option input:focus-visible+span{outline:2px solid var(--cyber-pink);outline-offset:3px}.calculation{background:#00f7ff09;border:1px solid #00f7ff2b;border-left:2px solid #00f7ffa6;min-height:3.5rem;padding:.85rem 1rem}.calculation__row{color:#7d8ba4;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.75rem;display:flex}.calculation__row+.calculation__row{margin-top:.55rem}.calculation__row strong{color:#b9c7da;font-size:.85rem}.calculation__row--total{color:#b8cadb;border-top:1px solid #00f7ff21;padding-top:.55rem}.calculation__row--total strong{color:var(--cyber-cyan);text-shadow:0 0 8px #00f7ff40;font-size:1rem}.calculation__row--discount strong{color:var(--cyber-yellow)}.calculation__status,.top-up-form__error{margin:0;font-size:.72rem;line-height:1.5}.calculation__status{color:#65738d}.top-up-form__error{color:#ff70df}.top-up-form__submit{background:var(--cyber-yellow);color:#06070c;cursor:pointer;width:100%;font:inherit;letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));border:0;margin-top:.4rem;padding:.95rem 1.25rem;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;position:relative;overflow:hidden}.top-up-form__submit:before{content:"";background:linear-gradient(110deg,#0000 30%,#fffc 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.top-up-form__submit span{position:relative}.top-up-form__submit:hover{background:var(--cyber-cyan);transform:translateY(-2px);box-shadow:0 0 24px #00f7ff8c}.top-up-form__submit:hover:before{transform:translate(120%)}.top-up-form__submit:focus-visible{outline:2px solid var(--cyber-pink);outline-offset:4px}.top-up-form__submit:active{transform:translateY(1px)}.top-up-form__submit:disabled{cursor:wait;opacity:.65;transform:none}.top-up-page--payment{align-items:flex-start;padding-top:clamp(6.5rem,12vh,8rem);overflow-y:auto}.payment-stage{flex-direction:column;gap:.75rem;width:min(100%,56rem);display:flex}.payment-stage__toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.payment-stage__back,.payment-stage__external{color:#a9b8cf;cursor:pointer;font:inherit;letter-spacing:.04em;background:0 0;border:0;align-items:center;gap:.45rem;padding:.4rem 0;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .16s,text-shadow .16s;display:inline-flex}.payment-stage__back:hover,.payment-stage__external:hover{color:var(--cyber-cyan);text-shadow:0 0 10px #00f7ff66}.payment-stage__back:focus-visible,.payment-stage__external:focus-visible{outline:2px solid var(--cyber-pink);outline-offset:4px;border-radius:2px}.payment-frame{background:#f8f8f9;border:1px solid #00f7ff73;border-radius:12px;width:100%;height:clamp(40rem,100dvh - 10.5rem,54rem);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff2bd61f,0 0 32px #00f7ff24}.payment-frame__iframe{opacity:1;background:#f8f8f9;border:0;width:100%;height:100%;transition:opacity .18s;display:block}.payment-frame__iframe--loading{opacity:0;pointer-events:none}.payment-frame__loader{z-index:1;color:#a9b8cf;letter-spacing:.04em;background:radial-gradient(circle at 50% 42%,#00f7ff14,#0000 12rem),#080b17;justify-content:center;align-items:center;gap:.8rem;font-size:.8rem;font-weight:700;display:flex;position:absolute;inset:0}.payment-frame__spinner{border:2px solid #00f7ff33;border-top-color:var(--cyber-cyan);border-radius:50%;width:1.35rem;height:1.35rem;animation:.7s linear infinite payment-spin;box-shadow:0 0 12px #00f7ff40}@keyframes cyber-drift{to{transform:translate(2rem,1.5rem)scale(1.12)}}@keyframes payment-spin{to{transform:rotate(1turn)}}@keyframes title-flow{0%{background-position:0%}to{background-position:100%}}@keyframes brand-shimmer{0%{background-position:0%}to{background-position:100%}}@keyframes brand-flicker{0%,18%,20%,22%,72%,74%,to{opacity:1}19%,73%{opacity:.58}21%{opacity:.82}}@keyframes status-pulse{50%{opacity:.35}}@media (width<=480px){.top-up-page{padding-top:7rem}.brand-sign{top:1.25rem;left:50%;transform:translate(-50%)}.top-up-card{padding:1.75rem 1.35rem}}@media (width<=768px){.top-up-page--payment{height:100dvh;min-height:100dvh;padding:6.25rem 0 0;overflow:hidden}.payment-stage{gap:0;height:100%}.payment-stage__toolbar{background:#050610e6;flex:none;padding:.7rem 1rem}.payment-frame{border-bottom:0;border-left:0;border-right:0;border-radius:0;flex:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.top-up-page__glow,.top-up-card__title,.brand-sign__name,.brand-sign__status,.payment-frame__spinner{animation:none}.top-up-form__submit,.top-up-form__submit:before,.payment-frame__iframe{transition:none}}html,body{background-color:var(--color-slate-100);min-height:100%}