*{box-sizing:border-box}html{font-family:Montserrat,Arial,sans-serif}body{margin:0;min-height:100vh;background:#050d20;color:#f8fbff;overflow-x:hidden}a{color:inherit}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(80px);opacity:.35}.ambient-one{width:450px;height:450px;background:#164ab2;top:-200px;left:15%}.ambient-two{width:400px;height:400px;background:#066a9e;bottom:-200px;right:0}.header{max-width:1240px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:2px;font-size:15px}.brand img{width:54px;height:54px;object-fit:contain}.brand small{display:block;letter-spacing:6px;font-size:9px;color:#a5b4d3;margin-top:4px}.back{color:#bdc9df;text-decoration:none;font-size:12px;font-weight:600}.back:hover{color:#fff}.layout{max-width:1240px;margin:25px auto 80px;padding:0 36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;position:relative;z-index:1}.intro{padding:35px 0}.eyebrow,.step{color:#7bbaff;font-size:10px;letter-spacing:2.4px;font-weight:800}.intro h1{font-size:clamp(40px,5vw,70px);line-height:1.12;letter-spacing:-3px;margin:25px 0}.intro h1 em{font-style:normal;color:#5cbaff}.intro>p{font-size:14px;color:#b4c1d9;line-height:2;max-width:430px}.features{margin-top:45px;display:grid;gap:20px;font-size:12px;color:#d4dff0}.features>div{display:flex;align-items:center;gap:14px}.feature-icon{display:grid;place-items:center;width:32px;height:32px;background:#12315c;border:1px solid #2865a1;border-radius:10px;color:#77c6ff}.decor{display:flex;align-items:center;gap:16px;margin-top:90px;color:#6686ae;font-size:10px;letter-spacing:2px}.decor div{height:1px;width:80px;background:#28466d}.payment-card{background:linear-gradient(145deg,rgba(20,38,72,.96),rgba(9,23,49,.98));border:1px solid #284368;border-radius:24px;box-shadow:0 25px 90px #0008;padding:38px 42px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.card-head h2{font-size:25px;letter-spacing:-.6px;margin:9px 0}.card-head p{font-size:11px;color:#9fb0cb;margin:0}.card-head strong,.field b{color:#70bdff}.lock{width:45px;height:45px;border-radius:14px;background:#163760;display:grid;place-items:center;color:#77c6ff;font-size:25px}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:9px;color:#e6edf9}.optional{font-weight:400;color:#8194b2;font-size:10px;margin-left:5px}.field input,.field select,.field textarea{width:100%;background:#0a1b37;color:white;border:1px solid #304563;border-radius:10px;padding:13px 14px;font-family:inherit;font-size:12px;outline:none;transition:.2s}.field input::placeholder,.field textarea::placeholder{color:#7387a5}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239ab9dd' stroke-width='2'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.field select option{background:#102343}.field input:focus,.field select:focus,.field textarea:focus{border-color:#54aaff;box-shadow:0 0 0 3px #2a83ec24}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.amount-wrap{position:relative}.amount-wrap span{position:absolute;left:15px;top:14px;color:#70b8ff;font-size:12px;font-weight:800}.amount-wrap input{padding-left:56px}.limit{margin-top:10px;color:#9bc8f4;background:#143258;padding:10px 12px;border-radius:8px;font-size:10px;line-height:1.6}.field .error{display:block;color:#ff9da4;font-size:10px;margin-top:5px;min-height:0}.field.invalid input,.field.invalid select,.field.invalid textarea{border-color:#e97783}.pay-button{border:0;width:100%;padding:17px 20px;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(105deg,#2468e7,#37b4f1);color:white;border-radius:11px;font:800 13px Montserrat,Arial;cursor:pointer;box-shadow:0 10px 28px #1269df44;transition:.2s}.pay-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.pay-button:disabled{opacity:.7;cursor:wait}.footnote{text-align:center;font-size:10px;color:#8da2c0;line-height:1.8;margin:15px 0 0}.server-error{padding:12px;background:#5a1e2a;color:#fff;border-radius:9px;font-size:12px;margin-bottom:16px}.overlay{position:fixed;inset:0;z-index:100;background:#030b1ceF;display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}[hidden]{display:none!important}.processing-box{max-width:440px;text-align:center;background:#122746;border:1px solid #3b6698;border-radius:22px;padding:45px 32px;box-shadow:0 20px 70px #0008}.processing-box h2{font-size:21px}.processing-box p{color:#bdcce2;line-height:1.8;font-size:13px}.processing-box small{color:#7c9abd}.spinner{width:62px;height:62px;border-radius:50%;border:5px solid #254a7b;border-top-color:#63c6ff;margin:0 auto 28px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:15px;max-width:690px}.intro{padding:10px 0}.intro h1{font-size:43px;margin:15px 0}.features,.decor{display:none}.payment-card{padding:30px}}@media(max-width:530px){.header{padding:20px}.layout{padding:0 16px;margin-top:5px}.payment-card{padding:25px 20px}.field-grid{grid-template-columns:1fr;gap:0}.intro h1{font-size:36px;letter-spacing:-1.5px}.intro>p{font-size:12px}.brand{font-size:12px}.brand img{width:42px;height:42px}.back{font-size:10px}}
/* Use the original Favourite Group logo without duplicating its embedded wording. */
.brand img{width:175px;height:auto;max-height:74px;object-fit:contain;object-position:left center}
@media(max-width:530px){.brand img{width:140px;height:auto;max-height:62px}}

/* Favourite Group brand palette: midnight navy, metallic gold and ivory. */
:root{--brand-navy:#07173a;--brand-gold:#d6b35a;--brand-gold-light:#f3d98d;--brand-ivory:#fff8e9}
body{background:#06122e;color:var(--brand-ivory)}
.ambient-one{background:#233e85;opacity:.3}.ambient-two{background:#8d6727;opacity:.21}
.brand small{color:#d5c08d}.back{color:#e6d5ae}.back:hover{color:var(--brand-gold-light)}
.eyebrow,.step,.intro h1 em,.card-head strong,.field b{color:var(--brand-gold-light)}
.intro>p,.features{color:#d4d9e6}
.feature-icon{background:#242544;border-color:#92743e;color:var(--brand-gold-light)}
.decor{color:#b29a69}.decor div{background:#7b6747}
.payment-card{background:linear-gradient(145deg,rgba(19,33,66,.98),rgba(8,20,49,.99));border:1px solid #79643d;box-shadow:0 25px 90px #0008,0 0 0 1px #b48d2820}
.lock{background:#2d2b3e;color:var(--brand-gold-light)}
.field label{color:#f4f0e7}
.field input,.field select,.field textarea{background:#0a1b3a;border-color:#4b5570;color:#fffaf0}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#dbb85d;box-shadow:0 0 0 3px #e2bd6030}
.field select option{background:#132344}
.amount-wrap span{color:var(--brand-gold-light)}
.limit{background:#282b43;border:1px solid #75613f;color:#f0dba8}
.pay-button{background:linear-gradient(110deg,#b58936,#e4c577 52%,#c99c44);color:#101b35;box-shadow:0 10px 28px #ad813b4a}
.pay-button:hover{filter:brightness(1.08);box-shadow:0 13px 32px #ad813b66}
.footnote{color:#b9bbce}
.processing-box{background:#132344;border-color:#9e8247}
.processing-box p{color:#d6d9e6}.processing-box small{color:#c8b58b}
.spinner{border-color:#3b435c;border-top-color:#e7c879}