@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{font-family:Montserrat,Arial,sans-serif;color:#f7f7f7;background:#050505}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh}.page-background{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.63)),linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.18)),url('../assets/checkout-bg.jpg') center/cover no-repeat}.header{height:130px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:27px 32px}.back{align-self:start;margin-top:37px;color:#d9d9d9;text-decoration:none;font-size:14px}.back:hover{text-decoration:underline}.logo-link{display:block;width:150px;height:92px}.logo-link img{width:100%;height:100%;object-fit:contain}.language{justify-self:end;display:flex;border:1px solid #3c3c3c;border-radius:30px;padding:4px;background:#080808b8}.language button{border:0;border-radius:50%;width:36px;height:36px;background:transparent;color:#8a8a8a;font-size:12px;font-weight:700;cursor:pointer}.language button.active{background:white;color:#111}.main{width:min(540px,calc(100% - 38px));margin:14px auto 70px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;margin:0 auto 35px}.step{color:#777;font-weight:700;text-transform:uppercase;font-size:13px;white-space:nowrap}.step:before{content:"";display:block;height:3px;width:42px;background:#444;margin:0 auto 8px;border-radius:4px}.step.active{color:white}.step.active:before{background:#d016e2}.form-panel h1,.next-panel h1{font-size:24px;line-height:1.32;letter-spacing:-.025em;text-align:center;margin:0 0 34px;font-weight:700}.field{margin-bottom:21px}.field label{display:block;margin:0 0 11px;font-size:15px;font-weight:600}.field input{display:block;width:100%;height:58px;border:1px solid #303030;border-radius:14px;background:#1d1d1d;color:white;padding:0 23px;font:500 15px Montserrat,Arial,sans-serif;outline:none}.field input::placeholder{color:#777}.field input:focus,.phone-wrap:focus-within{border-color:#bb31d0;box-shadow:0 0 0 2px #b800d344}.field input.invalid,.phone-wrap.invalid{border-color:#f87171}.error{display:block;min-height:4px;margin-top:5px;color:#ff9d9d;font-size:12px}.phone-wrap{display:flex;align-items:center;border:1px solid #b9b9b9;border-radius:14px;height:58px;overflow:hidden;background:#080808a8}.phone-wrap input{border:0;border-radius:0;background:transparent;padding-left:14px;box-shadow:none!important}.country{display:flex;align-items:center;gap:6px;padding:0 15px 0 19px;white-space:nowrap;color:#aaa;font-size:13px;border-right:1px solid #545454}.chevron{font-size:18px;color:#777;margin-top:-5px}.continue{width:100%;min-height:48px;border:0;border-radius:999px;background:#bd08d1;color:#fff;font:700 16px Montserrat,Arial,sans-serif;cursor:pointer;margin-top:17px;transition:background .2s,transform .2s}.continue:disabled{background:#860895;color:#777;cursor:not-allowed}.continue:not(:disabled):hover{background:#d018e7;transform:translateY(-1px)}.continue:focus-visible,.back:focus-visible,.language button:focus-visible,.edit:focus-visible{outline:3px solid #fff;outline-offset:3px}.next-panel{padding-top:28px;text-align:center}.next-panel p{line-height:1.65;color:#dedede}.link-button{display:flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 20px;min-height:56px}.edit{border:0;background:none;color:#eee;text-decoration:underline;cursor:pointer;margin-top:25px;font:500 14px Montserrat,Arial,sans-serif}@media(max-width:640px){.header{height:112px;padding:15px 18px}.back{margin-top:32px;font-size:12px}.logo-link{width:115px;height:76px}.language button{width:29px;height:29px;font-size:10px}.main{margin-top:12px}.steps{gap:6px;margin-bottom:30px}.step{font-size:10px}.step:before{width:32px}.form-panel h1,.next-panel h1{font-size:21px}.page-background{background-position:center}}
.form-panel h1{margin-bottom:12px}.preview-note{text-align:center;color:#bcbcbc;font-size:12px;line-height:1.5;margin:0 0 28px}

/* Mesma paleta preta e laranja do Build Safe Connection. */
:root{background:#020201}
.page-background{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.67)),linear-gradient(0deg,rgba(0,0,0,.58),rgba(0,0,0,.2)),url('../assets/checkout-bg.jpg') center/cover no-repeat}
.page-background{filter:grayscale(1)}
.logo-link{width:210px;height:140px;overflow:hidden}
@media(max-width:640px){.logo-link{width:150px;height:100px}}
.step.active:before{background:#ff9700}
.field input:focus,.phone-wrap:focus-within{border-color:#ff9700;box-shadow:0 0 0 2px #ff630044}
.continue{background:linear-gradient(45deg,#ff6300,#ff9700,#ff6300);color:#fff}
.continue:disabled{background:#6b3918;color:#d3c2b6}
.continue:not(:disabled):hover{background:#ff8000}
.consent-field{margin:6px 0 4px}.consent-label{display:flex;align-items:flex-start;gap:11px;color:#d8d8d8;font-size:13px;line-height:1.5;cursor:pointer}.consent-label input{accent-color:#ff9700;flex:0 0 auto;width:17px;height:17px;margin:1px 0 0}.consent-field .error{padding-left:28px}.form-status{margin:8px 0 0;text-align:center;color:#ffb56a;font-size:13px;line-height:1.5}.form-status:empty{display:none}