@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/barlow-condensed-700.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/dm-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/dm-sans-600.ttf) format('truetype');
}
*{box-sizing:border-box}body{margin:0;background:#101010;color:#f4f4ef;font:16px/1.6 Arial,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:#ff0}button,input{font:inherit}button,.download{cursor:pointer;border:1px solid #777;background:transparent;color:inherit;padding:12px 18px;text-decoration:none;display:inline-block}button:hover,.download:hover{border-color:#ff0;color:#ff0}button[aria-pressed=true],.primary{background:#ff0;color:#111;border-color:#ff0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;padding:24px 5vw;gap:24px}header img{width:220px;max-width:40vw}main{max-width:1400px;margin:auto;padding:0 5vw}.intro{max-width:880px;padding:70px 0 50px}.eyebrow{font-size:12px;letter-spacing:.15em;color:#ff0;text-transform:uppercase}h1,h2,h3{line-height:1.1;letter-spacing:-.03em}h1{font-size:clamp(44px,7vw,88px);margin:20px 0 30px}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:25px;margin:18px 0}p{color:#bdbdb7}.intro a,.tags a{color:#ff0}.controls{border-top:1px solid #444;padding-top:30px}label{display:block;color:#bbb}input{display:block;margin:10px 0 22px;width:100%;background:#191919;color:#fff;border:1px solid #555;padding:16px}.filters{display:flex;gap:10px;flex-wrap:wrap}#showList{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 0}.show-card{border:1px solid #444;text-align:left;padding:0;overflow:hidden;background:#181818}.show-card.special{border-top:3px solid #ff0}.show-card img{width:100%;height:260px;object-fit:contain;background:#080808;display:block}.show-card .copy{padding:22px;display:block}.show-card small{color:#aaa}.show-card strong{display:block;font-size:23px;line-height:1.2;margin:12px 0}.show-card .label{color:#ff0;font-size:11px;letter-spacing:.1em}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.asset{background:#191919;border:1px solid #444;padding:16px;min-width:0}.asset img,.asset video{display:block;width:100%;height:300px;object-fit:contain;background:#080808}.asset h3{font-size:19px}.asset .download{margin-top:10px}.detail-top{padding-top:25px}.info{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-top:1px solid #444;border-bottom:1px solid #444;padding:26px 0}.tags{display:flex;gap:8px 18px;flex-wrap:wrap}.caption{white-space:pre-wrap;background:#191919;border:1px solid #444;padding:20px;font:15px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.subtle{display:inline-block;margin:12px 0}footer{border-top:1px solid #444;padding:35px 0 60px;margin-top:60px}footer a{margin-right:24px}#notice{color:#ff0}[hidden]{display:none!important}:focus-visible{outline:2px solid #ff0;outline-offset:5px}@media(max-width:850px){#showList,.asset-grid{grid-template-columns:repeat(2,1fr)}.info{grid-template-columns:1fr}.intro{padding-top:40px}}@media(max-width:500px){#showList{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr}.filters button{flex:1 1 45%;padding:10px;font-size:14px}.show-card{display:grid;grid-template-columns:115px 1fr}.show-card img{height:190px}.show-card .copy{padding:15px}.show-card strong{font-size:20px}header{padding:18px 5vw;font-size:13px}.asset img,.asset video{height:330px}}

body{font-family:'DM Sans',Arial,sans-serif}h1,h2{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:700}h1{font-size:clamp(42px,6vw,76px)}

.show-card .show-card-action{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #444;font-size:14px;line-height:1.4;color:#f4f4ef}.show-card-action svg{flex-shrink:0}.show-card:hover .show-card-action{color:#ff0}.show-card small{display:block}.show-card .copy{min-width:0}@media(max-width:500px){.show-card .show-card-action{font-size:12px;margin-top:14px;padding-top:12px;gap:8px}}

.join-community{border:1px solid #555;border-top:3px solid #ff0;background:#181818;padding:28px;margin:30px 0}.join-community h2{font-size:38px;margin:12px 0}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.fine-print{font-size:13px;color:#aaa}.primary:hover{background:#eded00;color:#111}#accountDialog{background:#181818;color:#f4f4ef;border:1px solid #666;border-top:3px solid #ff0;width:min(560px,94vw);max-height:90dvh;padding:30px;overflow:auto}#accountDialog::backdrop{background:#000b}#accountDialog h2{font-size:38px;margin:12px 30px 12px 0}.account-close{position:absolute;right:12px;top:12px;border:0;font-size:28px;padding:0 10px}.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;margin:18px 0}.check input{width:19px;height:19px;flex-shrink:0;margin:3px 0;accent-color:#ff0}#accountError{color:#ffb2a5}#accountSwitch,#resetPassword,#accountLogout{display:block;margin-top:16px}#accountForm small{font-size:12px}#passwordField input{margin-bottom:4px}#accountDialog input{padding:12px;margin-bottom:14px}@media(max-width:500px){.join-community{padding:20px}.join-community h2{font-size:32px}.account-actions button{width:100%}#accountDialog{padding:24px 20px}.intro{padding-bottom:20px}}

select,textarea{display:block;width:100%;background:#191919;color:#fff;border:1px solid #666;padding:12px;font:inherit;margin:10px 0 20px}#myAmbassador{scroll-margin-top:24px}.activity-groups details,.member-message{border:1px solid #444;margin:18px 0;padding:18px}.activity-groups summary{color:#ff0;cursor:pointer}.activity-groups article{border-top:1px solid #444;padding:18px 0}.activity-groups article button{display:block;margin-top:12px;font-size:13px}.member-message h3{font-size:20px}#activityForm{max-width:760px;margin:30px 0}#myAmbassador .join-community{max-width:100%}

.ambassador-identity{display:flex;align-items:center;gap:24px;margin:28px 0}.ambassador-avatar{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid #ff0}@media(max-width:500px){.ambassador-identity{flex-direction:column;align-items:flex-start}}

.ambassador-benefits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.ambassador-benefits section{border-top:1px solid #444;padding-top:18px;min-width:0}.ambassador-benefits h3{font-size:21px;color:#ff0;margin:0 0 12px;letter-spacing:0}.ambassador-benefits p{font-size:14px;line-height:1.5;margin:0 0 12px}.ambassador-benefits ul{padding-left:20px;margin:0;color:#f4f4ef;font-size:15px;line-height:1.5}.ambassador-benefits li{padding-left:3px;margin:9px 0}.ambassador-benefits li::marker{color:#ff0}@media(max-width:600px){.ambassador-benefits{grid-template-columns:1fr;gap:20px}}

.points-panel,.invite-panel,.campaign-panel{border:1px solid #444;padding:20px;margin:22px 0}.points-total{font-size:56px;line-height:1;color:#ff0}.points-panel p,.invite-panel p,.campaign-panel p{margin:12px 0}.campaign-panel article{border-top:1px solid #555;padding:18px 0}.campaign-panel strong,.points-rate{color:#ff0}.invite-panel input{font-size:13px}.points-panel h3,.invite-panel h3,.campaign-panel h3{font-size:23px}#campaignNotice{background:#181818;color:#f4f4ef;border:1px solid #555;border-top:3px solid #ff0;padding:24px;width:min(520px,92vw);max-height:85dvh;overflow:auto}#campaignNotice::backdrop{background:#000b}#campaignNotice h2{font-size:32px;margin-top:0}#campaignNotice strong{color:#ff0}#referralFields{border-top:1px solid #444;padding-top:20px;margin-top:20px}#referralFields small{display:block;color:#aaa}

body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.72),rgba(10,10,10,.9)),url('../assets/ambassador-background.jpg') center/cover no-repeat;pointer-events:none}body{position:relative;isolation:isolate}header{background:rgba(16,16,16,.88)}.join-community{background:rgba(24,24,24,.94)}.controls{background:rgba(16,16,16,.78);padding:24px 16px}.intro>p{color:#e0e0da}footer{background:rgba(16,16,16,.8);padding-left:18px;padding-right:18px}

.ambassador-benefits .rewards-heading{color:#ff0;margin-top:24px}

body>header{flex-wrap:wrap}.account-top-nav{display:flex;gap:10px;flex-basis:100%;flex-wrap:wrap;margin-top:14px}.account-top-nav a{font-size:13px;padding:9px 13px;border:1px solid #444;text-decoration:none}.account-top-nav a:hover{border-color:#ff0;color:#ff0}

.active-show-campaign{border:1px solid #ff0;background:#1b1b14;padding:20px;margin:0 0 24px}.active-show-campaign h3,.active-show-campaign strong{color:#ff0}
.profile-bank{display:flex;justify-content:space-between;gap:24px;margin:24px 0;padding:24px;background:#181818;border:1px solid #444}.profile-bank h2{margin:8px 0}.bank-balance{min-width:220px;max-width:440px}.bank-balance summary{display:flex;flex-direction:column;cursor:pointer}.bank-balance summary>strong{font-size:42px;color:#ff0}.bank-balance p{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #444;padding-top:12px;font-size:14px}.bank-balance small{color:#aaa}#ambassadorGuide{width:min(600px,92vw);background:#171717;color:#eee;border:1px solid #777;padding:30px}#ambassadorGuide h2{font-size:30px}#ambassadorGuide p{line-height:1.7}#ambassadorGuide::backdrop{background:#000b}.guide-example{display:grid;gap:10px;padding:22px;border:1px solid #666;margin:24px 0}.guide-example strong{color:#ff0}.staff-intro h3:not(:first-child){margin-top:24px}@media(max-width:650px){.profile-bank{flex-direction:column}.bank-balance{max-width:none}#ambassadorGuide{padding:22px}.profile-bank .account-actions{flex-wrap:wrap}}

#ambassadorGuide{box-sizing:border-box;width:min(580px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:32px;border:1px solid #555;border-top:3px solid #ff0;border-radius:8px;background:linear-gradient(145deg,#222,#101010);box-shadow:0 24px 90px #000a}#ambassadorGuide .guide-logo{width:170px;height:auto;margin-bottom:24px}#ambassadorGuide .eyebrow{font-size:11px;letter-spacing:2px;color:#ff0}#ambassadorGuide h2{font-size:34px;line-height:1.12;margin:26px 0 18px}#ambassadorGuide p{font-size:16px;line-height:1.65;color:#d1d1cc}#ambassadorGuide .guide-example{background:#ffffff05;border:1px solid #494949;border-radius:4px;padding:20px;margin:24px 0}#ambassadorGuide .guide-example small{font-size:10px;letter-spacing:1.5px;color:#aaa}#ambassadorGuide .guide-example strong{font-size:16px;line-height:1.5}.guide-progress{display:flex;gap:6px}.guide-progress span{height:3px;flex:1;background:#555}.guide-progress .active{background:#ff0}#ambassadorGuide .account-actions{display:flex;gap:10px;flex-wrap:wrap}#ambassadorGuide button{min-height:44px;font-size:14px;padding:10px 18px}#ambassadorGuide #guideNext{margin-left:auto;background:#ff0;color:#111}#ambassadorGuide #guideLater{flex-basis:100%;border:0;background:transparent;color:#aaa;padding:5px;min-height:32px}.staff-ranking{background:#171717;padding:24px;border:1px solid #444;margin:24px 0}.staff-ranking ol{padding:0;list-style:none}.staff-ranking li{display:flex;align-items:center;gap:16px;border-top:1px solid #444;padding:16px 0}.staff-ranking li>span{color:#ff0;width:24px}.staff-ranking li>b{margin-left:auto;color:#ff0;white-space:nowrap}.staff-ranking small{font-size:12px}.ranking-empty{color:#bbb}.guide-preview main{max-width:650px;padding:32px;margin:auto}.guide-preview{min-height:100dvh;background:#111}.guide-preview .profile-bank,.guide-preview #activityForm{display:none}@media(max-width:520px){#ambassadorGuide{padding:24px}#ambassadorGuide h2{font-size:29px}#ambassadorGuide .guide-logo{width:145px;margin-bottom:12px}.staff-ranking{padding:18px}}

#ambassadorGuide .account-actions button{width:auto;flex:1 1 35%}#ambassadorGuide .account-actions #guideLater{flex:1 1 100%}

/* Keep the focus highlight on the existing field edge. */
input:not([type=checkbox]):not([type=radio]):focus-visible,
select:focus-visible,
textarea:focus-visible,
[role=combobox]:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px !important;
}
