.payment-page{background:#f3f1ec;min-height:calc(100vh - 70px)}.payment-hero{background:linear-gradient(125deg,#111116,#3b1020 64%,#7f1834);color:white;padding:95px max(28px,calc((100vw - var(--container))/2)) 70px;position:relative;overflow:hidden}.payment-hero:after{content:"";position:absolute;width:430px;aspect-ratio:1;border-radius:50%;right:-95px;bottom:-250px;border:1px solid rgba(255,255,255,.22);background:radial-gradient(circle at 34% 34%,rgba(244,211,20,.42),transparent 63%)}.payment-hero p{font-size:10px;color:var(--yellow);font-weight:800;letter-spacing:.15em}.payment-hero h1{font-size:clamp(46px,6vw,89px);margin:15px 0}.payment-hero h1 em,.payment-copy em{font-style:normal;color:var(--yellow)}.payment-hero span{font:700 12px 'Space Grotesk';letter-spacing:.08em}.payment-panel{max-width:1050px;margin:-20px auto 0;padding:0 28px 100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative}.payment-copy{padding-top:75px}.payment-copy small{font-size:10px;color:#971c37;font-weight:800;letter-spacing:.14em}.payment-copy h2{font-size:clamp(36px,4.5vw,65px);margin:14px 0 22px}.payment-copy p{max-width:420px;color:#656168;line-height:1.7}.payment-copy ul{margin:28px 0;padding:0;list-style:none}.payment-copy li{padding:12px 0;border-top:1px solid rgba(0,0,0,.15);font-size:12px;font-weight:700}.payment-copy li:before{content:'✦';color:#a51736;margin-right:10px}.payment-form{margin-top:55px;background:#121216;color:white;padding:38px;border-radius:15px;box-shadow:0 20px 65px rgba(0,0,0,.2)}.payment-form label{display:block;font:700 13px 'Space Grotesk';margin-bottom:12px}.payment-form label span{color:var(--yellow)}.albaran-input{display:flex;align-items:center;border:1px solid rgba(255,255,255,.35);border-radius:9px;overflow:hidden;background:#202026}.albaran-input b{padding:15px;background:var(--yellow);color:#151519;font:800 15px 'Space Grotesk'}.albaran-input input{width:100%;border:0;background:transparent;color:white;padding:15px;font:700 18px 'Space Grotesk';outline:0}.payment-form>small{display:block;color:#a8a4aa;font-size:10px;margin:10px 0 27px}.payment-form .button{border:0;cursor:pointer;width:100%;justify-content:center}.payment-help{font-size:10px;color:#aaa6ad;margin:19px 0 0}.payment-help a{color:var(--yellow)}.invoice-card{max-width:880px;margin:0 auto;padding:60px 28px 100px}.invoice-summary{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.1)}.invoice-summary header{background:#111116;color:white;padding:27px 32px}.invoice-summary header p{color:var(--yellow);font-size:10px;font-weight:800;letter-spacing:.14em}.invoice-summary header h1{font-size:34px;margin-top:7px}.invoice-rows{padding:14px 32px}.invoice-row{display:flex;justify-content:space-between;gap:30px;padding:17px 0;border-bottom:1px solid rgba(0,0,0,.1)}.invoice-row span{font-size:10px;font-weight:800;color:#777;letter-spacing:.1em}.invoice-row b{text-align:right;font:700 15px 'Space Grotesk'}.stripe-box{padding:30px 32px 35px;background:#f4f1ec}.stripe-box h2{font-size:29px;margin-bottom:8px}.stripe-box p{font-size:12px;color:#666;margin-bottom:20px}.stripe-box #card-element{background:#fff;border:1px solid rgba(0,0,0,.2);padding:16px;border-radius:8px}.stripe-box #card-errors{color:#a51736;font-size:11px;margin:10px 0}.stripe-box button{border:0;width:100%;justify-content:center;cursor:pointer}.payment-error{background:#fff0f2;border:1px solid #efbdc7;color:#8b1731;border-radius:10px;padding:18px;margin:35px auto;max-width:700px}.payment-footer{padding:34px max(28px,calc((100vw - var(--container))/2));background:#101014;color:white;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}.payment-footer>div{display:flex;align-items:center;gap:10px;font:700 11px/1.1 'Space Grotesk'}.payment-footer img{width:38px;height:38px;background:white;border-radius:50%;padding:3px}.payment-footer p{color:#aaa6ad}.payment-footer>a{color:var(--yellow)}@media(max-width:720px){.payment-panel{grid-template-columns:1fr;gap:0;padding-bottom:70px}.payment-copy{padding-top:50px}.payment-form{margin-top:35px;padding:25px}.invoice-card{padding:40px 18px 70px}.invoice-rows,.stripe-box,.invoice-summary header{padding-left:21px;padding-right:21px}.payment-footer{display:grid}.invoice-row{display:grid;gap:7px}.invoice-row b{text-align:left}}
