html{font-size:clamp(17px,2.15vmin,26px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;min-height:100vh;margin:0;font-weight:500}#root{min-height:100vh}.home{color:#fff;--scale:min(1vw, 1vh);flex-direction:column;justify-content:center;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;position:relative;overflow:hidden}.home__background{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.home__overlay{background:#00000014;position:absolute;inset:0}.home__content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(.7rem,1.2vmin,1.6rem);margin-top:clamp(-5rem,-6vmin,-1.2rem);padding:clamp(.75rem,1.2vmin,1.5rem);display:flex;position:relative}.home__brand{color:#111827;background:#fff;border-radius:clamp(.6rem,1vmin,1rem);align-items:center;gap:clamp(.35rem,.5vmin,.8rem);padding:clamp(.2rem,.45vmin,.4rem) clamp(.45rem,.9vmin,.9rem);font-size:clamp(.88rem,1.35vmin,1.45rem);font-weight:700;display:inline-flex}.home__brand-mark{color:#fff;background:#ef4823;border-radius:999px;place-items:center;width:clamp(1.15rem,1.7vmin,1.9rem);height:clamp(1.15rem,1.7vmin,1.9rem);font-size:clamp(.78rem,1.25vmin,1.12rem);font-weight:800;line-height:1;display:grid}.home__copy h1{letter-spacing:clamp(.03em,.06vmin,.08em);margin:0;font-size:clamp(1.5rem,5vmin,5.1rem);font-weight:800}.home__copy p{margin-top:clamp(.2rem,.5vmin,.6rem);font-size:clamp(1.02rem,2.65vmin,2.65rem);font-weight:600}.home__start-button{color:#fff;cursor:pointer;background:#ef2f2f;border:none;border-radius:clamp(.65rem,1.1vmin,1.2rem);margin-top:clamp(.7rem,1.2vmin,1.5rem);padding:clamp(.7rem,1.2vmin,1.25rem) clamp(1.2rem,2.8vmin,2.8rem);font-size:clamp(1.12rem,3.15vmin,2.95rem);font-weight:800;box-shadow:0 10px 24px #00000040}.home__start-button:hover{background:#d92828}.home__start-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.home__hint{color:#ffffffeb;letter-spacing:.01em;margin:clamp(.3rem,.8vmin,.7rem) 0 0;font-size:clamp(.95rem,2.35vmin,2.2rem);font-weight:600}.home__footer{z-index:1;color:#fff;align-items:center;gap:clamp(.45rem,1vmin,1rem);font-size:clamp(.95rem,2.05vmin,2.2rem);font-weight:600;display:flex;position:absolute;bottom:clamp(.9rem,2.8vmin,2.4rem);left:clamp(.9rem,2.8vmin,2.4rem)}.home__divider{background:#ffffffb3;width:1px;height:1.1em}@media (height<=540px){.home__content{gap:clamp(.4rem,.9vmin,.9rem);margin-top:clamp(-2.5rem,-4vmin,-.5rem)}}.product-screen{z-index:1;flex-direction:column;align-items:center;gap:clamp(.8rem,1.5vmin,1.4rem);width:min(92vw,1200px);margin:0 auto;padding:clamp(.7rem,1.2vmin,1.3rem);display:flex;position:relative}.product-screen__title{letter-spacing:.08em;margin:0 0 clamp(.2rem,.5vmin,.6rem);font-size:clamp(1.2rem,3.1vmin,2.65rem);font-weight:800}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.7rem,1.6vmin,1.4rem);width:100%;display:grid}.product-screen__status{text-align:center;background:#101216db;border:1px solid #ffffff1f;border-radius:clamp(.45rem,.85vmin,.75rem);width:min(92vw,38rem);margin:0 0 clamp(.6rem,1.2vmin,1rem);padding:clamp(.6rem,1.1vmin,.85rem);font-size:clamp(.88rem,1.65vmin,1.2rem);font-weight:600}.product-screen__status--error{background:#46101073;border-color:#ef2f2fb3}.product-screen__status p{margin:0}.product-screen__status button{cursor:pointer;color:#fff;background:#ef2f2f;border:none;border-radius:clamp(.35rem,.7vmin,.5rem);margin-top:clamp(.4rem,.8vmin,.6rem);padding:clamp(.35rem,.75vmin,.55rem) clamp(.8rem,1.5vmin,1.1rem);font-size:clamp(.82rem,1.5vmin,1.1rem);font-weight:800}.product-card{--card-accent:#3a79ff;text-align:center;background:linear-gradient(#12151be6,#0b0c10e0);border:1px solid #ffffff17;border-radius:clamp(.55rem,1vmin,.95rem);padding:clamp(.9rem,1.8vmin,1.6rem);position:relative;box-shadow:inset 0 0 0 1px #ffffff05}.product-card--button{width:100%;color:inherit;cursor:pointer}.product-card:before{content:"";background:var(--card-accent);border-radius:999px;width:2px;height:68%;position:absolute;top:16%;left:0}.product-card__icon{width:clamp(2rem,4.2vmin,3.5rem);height:clamp(2rem,4.2vmin,3.5rem);color:var(--card-accent);background:color-mix(in srgb, var(--card-accent) 20%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--card-accent) 35%, transparent);border-radius:999px;place-items:center;margin:0 auto clamp(.45rem,.8vmin,.8rem);font-size:clamp(1.08rem,2.55vmin,1.85rem);display:grid}.product-card h3{letter-spacing:.02em;margin:0;font-size:clamp(1.12rem,3.15vmin,2.25rem);font-weight:800}.product-card p{color:#ffffffeb;margin:clamp(.1rem,.35vmin,.25rem) 0 clamp(.55rem,1.1vmin,1rem);font-size:clamp(.78rem,1.6vmin,1.25rem);font-weight:600}.product-card__price{border-top:1px solid #ffffff1f;padding-top:clamp(.45rem,.9vmin,.75rem);font-size:clamp(1.12rem,2.95vmin,2.35rem);font-weight:800}.product-screen__back{color:#d52c2c;cursor:pointer;background:#fff;border:none;border-radius:clamp(.45rem,.9vmin,.8rem);align-items:center;gap:clamp(.2rem,.5vmin,.5rem);margin-top:clamp(.2rem,.9vmin,.7rem);padding:clamp(.5rem,1vmin,.85rem) clamp(.9rem,2vmin,1.5rem);font-size:clamp(1rem,2.15vmin,1.65rem);font-weight:800;display:inline-flex}.product-screen__back:focus-visible,.product-card:focus-visible{outline-offset:2px;outline:2px solid #fff}.amount-screen{z-index:1;flex-direction:column;align-items:center;gap:clamp(.75rem,1.3vmin,1.2rem);width:min(94vw,1280px);margin:0 auto;padding:clamp(.6rem,1.2vmin,1.2rem);display:flex;position:relative}.amount-layout{grid-template-columns:minmax(280px,1.1fr) minmax(320px,1.3fr);gap:clamp(.8rem,1.5vmin,1.4rem);width:100%;display:grid}.amount-summary{--card-accent:#4cc95e;text-align:center;background:linear-gradient(#12151be6,#0a0a0ee6);border:1px solid #ffffff14;border-radius:clamp(.6rem,1vmin,.95rem);padding:clamp(.9rem,1.6vmin,1.3rem);position:relative}.amount-summary:before{content:"";background:var(--card-accent);border-radius:999px;width:2px;height:76%;position:absolute;top:12%;left:0}.amount-input{background:#0000004d;border:1px solid #ffffff24;border-radius:clamp(.45rem,.7vmin,.7rem);margin-top:clamp(.55rem,1vmin,.8rem);padding:clamp(.45rem,.9vmin,.75rem)}.amount-input--filled{border-color:#ef2f2fcc}.amount-input label{color:#ffffffeb;font-size:clamp(.78rem,1.25vmin,1.1rem);font-weight:600;display:block}.amount-input__value-row{align-items:center;gap:clamp(.3rem,.6vmin,.5rem);margin-top:clamp(.15rem,.4vmin,.3rem);display:flex}.amount-input__value-row span{font-size:clamp(1.12rem,2.55vmin,2.05rem)}.amount-input__value-row input{color:#fff;text-align:center;background:0 0;border:none;flex:1;font-size:clamp(1.35rem,3.45vmin,2.55rem);font-weight:800}.amount-input__value-row input:focus{outline:none}.amount-input__value-row button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;font-size:clamp(1.05rem,2.05vmin,1.65rem)}.amount-input small{color:#ffffff73;margin-top:clamp(.15rem,.5vmin,.35rem);font-size:clamp(.65rem,1.05vmin,.95rem);font-weight:600;display:block}.amount-litres{background:linear-gradient(90deg,#3c161675,#2c0c0c40);border:1px solid #ef2f2f33;border-radius:clamp(.4rem,.7vmin,.6rem);justify-content:space-between;align-items:center;margin-top:clamp(.55rem,1.1vmin,.9rem);padding:clamp(.45rem,.9vmin,.7rem) clamp(.5rem,1vmin,.8rem);font-size:clamp(.82rem,1.5vmin,1.15rem);font-weight:600;display:flex}.amount-litres span:last-child{color:#f53c3c;font-size:clamp(1.12rem,2.35vmin,1.85rem);font-weight:800}.amount-litres em{font-size:.82em;font-style:normal}.amount-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,.8vmin,.65rem);margin-top:clamp(.7rem,1.2vmin,1rem);display:grid}.amount-quick-grid button{color:#fff;cursor:pointer;background:#0f1116f2;border:1px solid #ffffff1f;border-radius:clamp(.35rem,.65vmin,.55rem);padding:clamp(.45rem,.9vmin,.75rem);font-size:clamp(.95rem,1.9vmin,1.5rem);font-weight:700}.amount-keypad-panel{flex-direction:column;gap:clamp(.65rem,1.1vmin,.95rem);display:flex}.amount-keypad{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1vmin,.85rem);display:grid}.amount-keypad button{color:#fff;cursor:pointer;background:#0f1218ed;border:1px solid #ffffff1a;border-radius:clamp(.8rem,1.7vmin,1.4rem);min-height:clamp(3.1rem,10.5vmin,6.7rem);font-size:clamp(1.55rem,4.35vmin,3.25rem);font-weight:700}.amount-actions{grid-template-columns:1fr auto;align-items:center;gap:clamp(.5rem,1vmin,.9rem);display:grid}.amount-confirm{color:#fff;background:#ef2f2f;border:none;border-radius:clamp(.55rem,1vmin,.85rem);min-height:clamp(2.7rem,6.5vmin,4.2rem);font-size:clamp(1.18rem,2.75vmin,2.15rem);font-weight:800}.amount-confirm:disabled{color:#ffffff73;background:#ef2f2f5c}.amount-screen__error{color:#fca5a5;margin:clamp(.4rem,.8vmin,.7rem) 0 0;font-size:clamp(.82rem,1.4vmin,1.08rem);font-weight:600}.payment-method-screen,.payment-details-screen{z-index:1;flex-direction:column;align-items:center;gap:clamp(.75rem,1.3vmin,1.2rem);width:min(94vw,1280px);margin:0 auto;padding:clamp(.6rem,1.2vmin,1.2rem);display:flex;position:relative}.payment-method-summary{background:#0a0c11e6;border:1px solid #ffffff14;border-radius:clamp(.55rem,1vmin,.9rem);justify-content:space-between;align-items:center;gap:clamp(.65rem,1.2vmin,1rem);width:100%;padding:clamp(.6rem,1.2vmin,.95rem) clamp(.7rem,1.4vmin,1.1rem);display:flex}.payment-method-summary__left{align-items:center;gap:clamp(.45rem,.8vmin,.7rem);display:flex}.payment-method-summary__left p{margin:0;font-size:clamp(1.02rem,2.1vmin,1.5rem);font-weight:700}.payment-method-summary__left small{color:#ffffff9e;font-size:clamp(.78rem,1.4vmin,1.08rem);font-weight:600}.payment-method-summary__amount{text-align:right}.payment-method-summary__amount span{color:#ffffff9e;font-size:clamp(.72rem,1.2vmin,.95rem);font-weight:600;display:block}.payment-method-summary__amount strong{font-size:clamp(1.02rem,2.15vmin,1.75rem);font-weight:800}.payment-method-copy{text-align:center;margin-top:clamp(.3rem,.7vmin,.5rem)}.payment-method-copy h3{letter-spacing:.06em;margin:0;font-size:clamp(1.35rem,3.65vmin,2.95rem);font-weight:800}.payment-method-copy p{color:#ffffffa6;margin:clamp(.25rem,.55vmin,.4rem) 0 0;font-size:clamp(.92rem,1.95vmin,1.5rem);font-weight:600}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,1.1vmin,1rem);width:100%;display:grid}.payment-method-grid button{color:#fff;cursor:pointer;background:#0a0b0fe6;border:1px solid #ffffff1a;border-radius:clamp(.55rem,1vmin,.9rem);flex-direction:column;align-items:center;gap:clamp(.25rem,.45vmin,.35rem);min-height:clamp(8rem,20vmin,12rem);padding:clamp(.9rem,1.8vmin,1.35rem);display:flex}.payment-method-grid__icon{background:#7e161673;border-radius:999px;place-items:center;width:clamp(2.2rem,4.8vmin,3.4rem);height:clamp(2.2rem,4.8vmin,3.4rem);display:grid}.payment-method-grid button strong{margin-top:clamp(.3rem,.5vmin,.4rem);font-size:clamp(1.12rem,2.55vmin,1.95rem);font-weight:800}.payment-method-grid button small{color:#ffffffa1;font-size:clamp(.82rem,1.5vmin,1.15rem);font-weight:600}.payment-details-cards{background:#ffffff12;border-radius:clamp(.55rem,1vmin,.9rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;display:grid;overflow:hidden}.payment-details-cards article{text-align:center;background:#07080ceb;min-height:clamp(7rem,16vmin,10rem);padding:clamp(.95rem,2vmin,1.5rem)}.payment-details-cards p{color:#ffffff8f;margin:0;font-size:clamp(.78rem,1.4vmin,1.05rem);font-weight:600}.payment-details-cards strong{margin-top:clamp(.45rem,.8vmin,.65rem);font-size:clamp(1.12rem,2.95vmin,2.5rem);font-weight:800;display:block}.payment-details-steps{flex-direction:column;gap:clamp(.4rem,.8vmin,.65rem);width:100%;display:flex}.payment-details-steps p{background:#08090de6;border:1px solid #ffffff14;border-radius:clamp(.45rem,.8vmin,.7rem);align-items:center;gap:clamp(.5rem,.9vmin,.75rem);margin:0;padding:clamp(.7rem,1.3vmin,1.05rem);font-size:clamp(.92rem,1.7vmin,1.25rem);font-weight:600;display:flex}.payment-details-steps span{color:#ef2f2f;background:#5c121259;border-radius:999px;place-items:center;width:clamp(1.4rem,2.6vmin,2rem);height:clamp(1.4rem,2.6vmin,2rem);font-weight:800;display:grid}.payment-details-actions{grid-template-columns:1fr auto;align-items:center;gap:clamp(.5rem,1vmin,.9rem);width:100%;display:grid}@media (width<=780px){.product-grid,.amount-layout,.amount-actions,.payment-method-grid,.payment-details-cards,.payment-details-actions{grid-template-columns:1fr}}.flow-centered{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;width:100%;min-height:min(100vh,100%);padding:clamp(1rem,2.5vmin,2.5rem);display:flex;position:relative}.flow-centered__title{letter-spacing:.07em;margin:0 0 clamp(.45rem,1vmin,.9rem);font-size:clamp(1.35rem,4vmin,3.75rem);font-weight:800;line-height:1.15}.processing-screen__loader{justify-content:center;align-items:center;margin-bottom:clamp(.85rem,2vmin,1.5rem);display:flex}.processing-screen__spinner{box-sizing:border-box;filter:drop-shadow(0 0 clamp(.35rem,1.2vmin,.85rem) #ef2f2f59);border:clamp(.4rem,1.2vmin,.65rem) solid #ef2f2f;border-color:#ef2f2f #ef2f2f73 #ffffff24 #ffffff24;border-radius:50%;width:clamp(4.75rem,15vmin,8.25rem);height:clamp(4.75rem,15vmin,8.25rem);animation:.75s linear infinite processing-spin}@keyframes processing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.processing-screen__spinner{animation-duration:1.4s}}.processing-screen{text-align:center}.processing-screen__title{letter-spacing:.06em;margin:0 0 clamp(.55rem,1.2vmin,1rem);font-size:clamp(2rem,6.5vmin,5.25rem);font-weight:900;line-height:1.08}.processing-screen__amount{letter-spacing:.02em;color:#fff;margin:0;font-size:clamp(1.35rem,3.75vmin,3.15rem);font-weight:800}.processing-screen__hint{color:#ffffffe0;max-width:min(92vw,36rem);margin:clamp(.85rem,2vmin,1.5rem) 0 0;font-size:clamp(1.12rem,2.75vmin,2.15rem);font-weight:700;line-height:1.5}.processing-screen__error{color:#fca5a5;margin:clamp(.75rem,1.6vmin,1.15rem) 0 0;font-size:clamp(.95rem,1.85vmin,1.35rem);font-weight:700}.processing-screen__test-actions{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,1.2vmin,1rem);width:100%;max-width:min(92vw,40rem);margin-top:auto;padding-top:clamp(1.5rem,4vmin,3rem);display:flex}.processing-screen__test{cursor:pointer;color:#fff;border:none;border-radius:clamp(.45rem,.9vmin,.75rem);padding:clamp(.55rem,1.1vmin,.9rem) clamp(.85rem,1.8vmin,1.4rem);font-size:clamp(.8rem,1.6vmin,1.2rem);font-weight:700}.processing-screen__test--success{background:#2e9d4f}.processing-screen__test--fail{background:#c62828}.processing-screen__cancel{color:#ffe6e6eb;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:clamp(.35rem,.65vmin,.5rem);margin-top:clamp(.75rem,1.5vmin,1.25rem);padding:clamp(.35rem,.7vmin,.5rem) clamp(.75rem,1.4vmin,1.1rem);font-size:clamp(.92rem,1.65vmin,1.2rem);font-weight:700}.processing-screen__cancel:hover:not(:disabled){color:#fff;border-color:#ffffff61}.processing-screen__cancel:disabled{opacity:.35;cursor:not-allowed}.confirm-modal{z-index:200;box-sizing:border-box;justify-content:center;align-items:center;padding:clamp(.75rem,2vmin,1.5rem);display:flex;position:fixed;inset:0}.confirm-modal__backdrop{cursor:pointer;background:#000000b8;position:absolute;inset:0}.confirm-modal__panel{z-index:1;background:#12141afa;border:1px solid #ffffff1f;border-radius:clamp(.5rem,1vmin,.85rem);width:min(92vw,26rem);padding:clamp(1rem,2.2vmin,1.35rem) clamp(1rem,2.5vmin,1.5rem);position:relative;box-shadow:0 .5rem 2rem #00000073}.confirm-modal__title{letter-spacing:.04em;color:#fff;margin:0 0 clamp(.45rem,1vmin,.65rem);font-size:clamp(1.15rem,2.55vmin,1.55rem);font-weight:800}.confirm-modal__body{color:#ffffffb8;margin:0;font-size:clamp(.92rem,1.75vmin,1.2rem);font-weight:600;line-height:1.45}.confirm-modal__error{color:#fca5a5;margin:clamp(.55rem,1vmin,.75rem) 0 0;font-size:clamp(.82rem,1.45vmin,1.05rem);font-weight:600}.confirm-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.45rem,1vmin,.65rem);margin-top:clamp(1rem,2vmin,1.25rem);display:flex}.confirm-modal__btn{cursor:pointer;border:none;border-radius:clamp(.35rem,.65vmin,.5rem);padding:clamp(.45rem,.9vmin,.6rem) clamp(.75rem,1.5vmin,1rem);font-size:clamp(.88rem,1.55vmin,1.08rem);font-weight:800}.confirm-modal__btn:disabled{opacity:.55;cursor:not-allowed}.confirm-modal__btn--secondary{color:#ffffffeb;background:#ffffff1a}.confirm-modal__btn--secondary:hover:not(:disabled){background:#ffffff29}.confirm-modal__btn--danger{color:#fff;background:#b91c1c}.confirm-modal__btn--danger:hover:not(:disabled){background:#dc2626}.payment-received-screen{cursor:pointer;outline:none}.payment-received-screen:focus-visible{outline-offset:4px;outline:3px solid #fff9}.payment-received-screen__amount{color:#ffffffeb;margin:0;font-size:clamp(1.12rem,2.45vmin,2.15rem);font-weight:700}.payment-received-screen__tap{color:#ffffff8c;margin:clamp(1rem,2vmin,1.6rem) 0 0;font-size:clamp(.88rem,1.55vmin,1.25rem);font-weight:600}.payment-failed-screen--full .flow-centered__title{margin-top:clamp(.35rem,.8vmin,.6rem)}.payment-failed-screen__icon{background:#c62828;border-radius:999px;place-items:center;width:clamp(3.25rem,7vmin,4.5rem);height:clamp(3.25rem,7vmin,4.5rem);margin-bottom:clamp(.2rem,.5vmin,.4rem);display:grid}.payment-failed-screen__icon span{color:#fff;font-size:clamp(1.45rem,3.45vmin,2.35rem);font-weight:800;line-height:1}.payment-failed-screen__amount{color:#ffffffa6;margin:clamp(.15rem,.4vmin,.35rem) 0 0;font-size:clamp(1rem,2.15vmin,1.75rem);font-weight:600}.payment-failed-screen__message-box{text-align:center;background:#50141473;border:1px solid #ef4444bf;border-radius:clamp(.5rem,.9vmin,.85rem);width:min(92vw,26rem);margin-top:clamp(1rem,2vmin,1.5rem);padding:clamp(.85rem,1.5vmin,1.2rem)}.payment-failed-screen__message-box p{color:#f87171;margin:0;font-size:clamp(.92rem,1.75vmin,1.25rem);font-weight:600;line-height:1.45}.payment-failed-screen__message-box p+p{margin-top:clamp(.35rem,.7vmin,.5rem)}.payment-failed-screen__actions{flex-wrap:wrap;justify-content:center;gap:clamp(.5rem,1vmin,.75rem);width:min(92vw,28rem);margin-top:clamp(1.1rem,2.2vmin,1.75rem);display:flex}.payment-failed-screen__retry,.payment-failed-screen__cancel{cursor:pointer;border-radius:clamp(.45rem,.85vmin,.75rem);flex:clamp(8rem,35vw,12rem);padding:clamp(.55rem,1.1vmin,.85rem) clamp(.9rem,1.8vmin,1.25rem);font-size:clamp(.95rem,1.85vmin,1.3rem);font-weight:800}.payment-failed-screen__retry{color:#fff;background:#ef2f2f;border:none}.payment-failed-screen__retry:hover{background:#d92828}.payment-failed-screen__cancel{color:#fff;background:#121216d9;border:1px solid #ffffff59}.payment-failed-screen__cancel:hover{background:#1e1e24f2}.payment-failed-screen__footer{text-align:center;color:#ffffff85;max-width:min(90vw,26rem);margin:clamp(1.25rem,2.5vmin,2rem) 0 0;font-size:clamp(.78rem,1.4vmin,1.08rem);font-weight:600;line-height:1.4}.thank-you-screen{box-sizing:border-box;flex-shrink:0;align-self:center;width:100%;max-width:min(94vw,28rem);margin-inline:auto}.thank-you-screen__icon{color:#0a0a0c;background:#22c55e;border-radius:999px;place-items:center;width:clamp(3rem,7vmin,4.25rem);height:clamp(3rem,7vmin,4.25rem);margin-bottom:clamp(.45rem,1vmin,.75rem);font-size:clamp(1.55rem,3.55vmin,2.55rem);font-weight:800;line-height:1;display:grid}.thank-you-screen__title{letter-spacing:.04em;margin:0;font-size:clamp(1.38rem,3.95vmin,3.15rem);font-weight:800}.thank-you-screen__split{background:linear-gradient(165deg,#16181ef5,#0c0d12fa);border:1px solid #ffffff1f;border-radius:clamp(.65rem,1.1vmin,.95rem);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:clamp(.85rem,1.8vmin,1.25rem);width:100%;margin-top:clamp(.85rem,1.8vmin,1.35rem);display:grid;overflow:hidden;box-shadow:0 .35rem 1.5rem #00000059,inset 0 1px #ffffff0f}.thank-you-screen__nozzle-reminder{text-align:center;box-sizing:border-box;background:#00000038;border-top:1px solid #ffffff1a;min-width:0;max-width:100%;margin:0;padding:clamp(1rem,2vmin,1.35rem) clamp(1rem,2.2vmin,1.5rem);overflow-x:hidden}.thank-you-screen__nozzle-reminder__title{letter-spacing:.05em;color:#fffffff5;margin:0 0 clamp(.45rem,.85vmin,.65rem);font-size:clamp(.88rem,1.65vmin,1.12rem);font-weight:800}.thank-you-screen__nozzle-reminder__text{color:#ffffffb8;margin:0;font-size:clamp(.82rem,1.5vmin,1.05rem);font-weight:600;line-height:1.5}@media (width>=900px){.thank-you-screen{max-width:min(94vw,52rem)}.thank-you-screen__split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 clamp(1.25rem,3.5vw,2.25rem)}.thank-you-screen__nozzle-reminder{text-align:left;border-top:none;border-left:1px solid #ffffff1f;flex-direction:column;justify-content:center;display:flex}}.thank-you-screen__receipt{text-align:center;box-sizing:border-box;background:0 0;border:none;border-radius:0;width:100%;min-width:0;max-width:100%;margin:0;padding:clamp(1rem,2vmin,1.35rem) clamp(1rem,2.2vmin,1.5rem);overflow-x:hidden}.thank-you-screen__receipt-heading{letter-spacing:.08em;border-bottom:1px solid #ffffff26;margin:0 0 clamp(.55rem,1vmin,.85rem);padding-bottom:clamp(.45rem,.85vmin,.65rem);font-size:clamp(.82rem,1.55vmin,1.1rem);font-weight:800}.thank-you-screen__receipt-rows{text-align:right;min-width:0}.thank-you-screen__row{justify-content:space-between;align-items:baseline;gap:clamp(.75rem,2vmin,1.35rem);min-width:0;padding:clamp(.35rem,.65vmin,.5rem) 0;font-size:clamp(.9rem,1.65vmin,1.2rem);font-weight:600;display:flex}.thank-you-screen__row-label{color:#ffffff80;text-align:left;overflow-wrap:anywhere;flex-shrink:0;max-width:45%}.thank-you-screen__row-value{color:#fff;text-align:right;overflow-wrap:anywhere;min-width:0;font-weight:700}.thank-you-screen__total{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:clamp(.75rem,2vmin,1.25rem);min-width:0;margin-top:clamp(.45rem,.9vmin,.65rem);padding-top:clamp(.55rem,1vmin,.85rem);font-size:clamp(.95rem,1.9vmin,1.3rem);font-weight:700;display:flex}.thank-you-screen__total-value{color:#22c55e;font-size:clamp(1.08rem,2.25vmin,1.5rem);font-weight:800}.thank-you-screen__countdown{color:#ffffff85;text-align:center;margin:clamp(1rem,2vmin,1.5rem) 0 0;font-size:clamp(.78rem,1.4vmin,1.05rem);font-weight:600}.thank-you-screen__return{color:#fff;cursor:pointer;background:#0c0c0e99;border:1px solid #ffffff73;border-radius:clamp(.45rem,.85vmin,.75rem);margin-top:clamp(.65rem,1.3vmin,1rem);padding:clamp(.5rem,1vmin,.8rem) clamp(1.2rem,2.5vmin,2rem);font-size:clamp(.92rem,1.8vmin,1.25rem);font-weight:700}.thank-you-screen__return:hover{background:#ffffff14}.remove-nozzle-screen__icon{color:#ef2f2f;border:clamp(3px,.5vmin,5px) solid #ef2f2f;border-radius:999px;place-items:center;width:clamp(3rem,8vmin,5rem);height:clamp(3rem,8vmin,5rem);margin-bottom:clamp(.6rem,1.2vmin,1rem);font-size:clamp(1.75rem,4.5vmin,2.85rem);font-weight:800;line-height:1;display:grid}.remove-nozzle-screen__location{color:#ffffffd9;letter-spacing:.03em;margin:clamp(.3rem,.7vmin,.55rem) 0 0;font-size:clamp(1rem,2.05vmin,1.55rem);font-weight:700}.remove-nozzle-screen__box{text-align:left;background:#28121273;border:1px solid #ef2f2fa6;border-radius:clamp(.5rem,.9vmin,.85rem);width:min(92vw,36rem);margin-top:clamp(.5rem,1vmin,.85rem);padding:clamp(.85rem,1.6vmin,1.35rem) clamp(1rem,2vmin,1.5rem)}.remove-nozzle-screen__box ol{color:#fffffff2;margin:0;padding-left:clamp(1.1rem,2.2vmin,1.5rem);font-size:clamp(.92rem,1.95vmin,1.5rem);font-weight:600;line-height:1.5}.remove-nozzle-screen__box li{margin-bottom:clamp(.35rem,.7vmin,.55rem)}.remove-nozzle-screen__box li:last-child{margin-bottom:0}.remove-nozzle-screen__done{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:clamp(.45rem,.85vmin,.75rem);margin-top:clamp(1.2rem,2.5vmin,2rem);padding:clamp(.5rem,1vmin,.85rem) clamp(1rem,2vmin,1.5rem);font-size:clamp(.95rem,1.9vmin,1.4rem);font-weight:700}.remove-nozzle-screen__done:hover{background:#ffffff2e}.remove-nozzle-screen__actions{flex-direction:column;align-items:center;gap:clamp(.45rem,1vmin,.75rem);width:min(92vw,22rem);margin-top:clamp(1rem,2.2vmin,1.8rem);display:flex}.remove-nozzle-screen__primary{color:#fff;cursor:pointer;background:#ef2f2f;border:none;border-radius:clamp(.45rem,.85vmin,.75rem);width:100%;padding:clamp(.55rem,1.1vmin,.9rem) clamp(1rem,2vmin,1.5rem);font-size:clamp(1.02rem,2.05vmin,1.45rem);font-weight:800}.remove-nozzle-screen__primary:hover{background:#d92828}.remove-nozzle-screen__actions .remove-nozzle-screen__done{width:100%;margin-top:0}.dispensing-screen{max-width:min(94vw,40rem);margin-inline:auto}.dispensing-screen__product{flex-direction:column;align-items:center;margin-bottom:clamp(.6rem,1.2vmin,1rem);display:flex}.dispensing-screen__icon-wrap{--accent:#4cc95e;background:color-mix(in srgb, var(--accent) 22%, #00000080);width:clamp(2.5rem,6vmin,4rem);height:clamp(2.5rem,6vmin,4rem);box-shadow:0 0 20px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;place-items:center;margin-bottom:clamp(.35rem,.8vmin,.65rem);font-size:clamp(1.12rem,2.75vmin,1.95rem);display:grid}.dispensing-screen__code{margin:0;font-size:clamp(1.25rem,3.15vmin,2.25rem);font-weight:800}.dispensing-screen__name{color:#fffc;margin:clamp(.15rem,.35vmin,.25rem) 0 0;font-size:clamp(.92rem,1.75vmin,1.25rem);font-weight:600}.dispensing-screen__loader{justify-content:center;align-items:center;margin:clamp(1.5rem,3vmin,2.5rem) 0 clamp(1rem,2vmin,1.75rem);display:flex}.dispensing-screen__spinner{border:clamp(.25rem,.6vmin,.4rem) solid #ffffff26;border-top-color:#ef2f2f;border-radius:999px;width:clamp(3rem,8vmin,5rem);height:clamp(3rem,8vmin,5rem);animation:.9s linear infinite dispensing-spin}@keyframes dispensing-spin{to{transform:rotate(360deg)}}.dispensing-screen__status{color:#ffffffd1;letter-spacing:.03em;margin:0;font-size:clamp(1.02rem,2.25vmin,1.55rem);font-weight:600}.home--center{color:#fff;place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-form{background:#0f1116eb;border:1px solid #ffffff24;border-radius:.8rem;width:min(92vw,26rem);padding:clamp(1rem,2.2vmin,1.8rem)}.auth-form__title{margin:0;font-size:clamp(1.38rem,3.15vmin,2.25rem);font-weight:800}.auth-form__subtitle{color:#ffffffad;margin:.35rem 0 1rem;font-size:clamp(.92rem,1.6vmin,1.12rem);font-weight:600}.auth-form__label{margin-top:.75rem;margin-bottom:.3rem;font-size:clamp(.88rem,1.45vmin,1.05rem);font-weight:600;display:block}.auth-form__input{box-sizing:border-box;color:#fff;background:#090a0df2;border:1px solid #ffffff3d;border-radius:.5rem;width:100%;padding:.65rem .75rem;font-size:clamp(.98rem,1.75vmin,1.15rem);font-weight:500}.auth-form__input--password{padding-right:2.8rem}.auth-form__toggle-password{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:999px;width:2rem;height:2rem;margin-top:-2.2rem;margin-bottom:1.35rem;margin-left:auto;display:block}.auth-form__toggle-password:disabled{cursor:not-allowed;opacity:.6}.auth-form__input[aria-invalid=true]{border-color:#ef4444f2}.auth-form__error{color:#fca5a5;margin:.35rem 0 0;font-size:clamp(.82rem,1.35vmin,.95rem);font-weight:600}.auth-form__error--block{margin-top:.7rem}.auth-form__submit{color:#fff;cursor:pointer;background:#ef2f2f;border:none;border-radius:.55rem;width:100%;margin-top:1rem;padding:.75rem 1rem;font-size:clamp(1rem,1.65vmin,1.12rem);font-weight:800}.auth-form__submit:disabled{cursor:not-allowed;background:#ef2f2f73}.auth-form__submit--success{background:#15803d}.auth-form__success{color:#86efac;margin:.35rem 0 0;font-size:clamp(.82rem,1.35vmin,.95rem);font-weight:600}.auth-form__success--block{margin-top:.7rem}.app-logout{z-index:5;color:#fff;cursor:pointer;background:#0a0b0e99;border:1px solid #ffffff59;border-radius:.45rem;padding:.4rem .85rem;font-size:clamp(.82rem,1.45vmin,1rem);font-weight:700;position:absolute;top:.9rem;right:.9rem}
