/* Developer page, scoped to GamesFree's partnership landing page. */
.portal-developers-page { padding:34px 24px 72px; background:var(--site-bg,#09080c); }
.portal-developers-page__inner { max-width:1120px; margin:0 auto; }
.portal-developers-page__hero { position:relative; overflow:hidden; padding:clamp(38px,7vw,78px); border:1px solid rgba(255,255,255,.1); border-radius:22px; background:radial-gradient(circle at 88% 14%,rgba(255,138,0,.28),transparent 28%),radial-gradient(circle at 79% 93%,rgba(44,122,194,.25),transparent 32%),linear-gradient(125deg,#17131b,#251920 58%,#141f2c); }
.portal-developers-page__hero:after { position:absolute; right:-70px; top:-150px; width:340px; height:340px; border:1px solid rgba(255,185,81,.24); border-radius:50%; box-shadow:0 0 0 34px rgba(255,185,81,.035),0 0 0 68px rgba(255,185,81,.025); content:""; }
.portal-developers-page__hero > * { position:relative; z-index:1; }
.portal-developers-page__eyebrow,.portal-developers-page__section-header > p { margin:0 0 10px; color:#ffad00; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.portal-developers-page h1,.portal-developers-page h2,.portal-developers-page h3 { color:#fff; font-family:inherit; }
.portal-developers-page h1 { max-width:760px; margin:0; font-size:clamp(34px,5vw,55px); font-weight:850; letter-spacing:-.04em; line-height:1.04; }
.portal-developers-page__hero > p:not(.portal-developers-page__eyebrow) { max-width:670px; margin:17px 0 0; color:#d9d2dd; font-size:17px; line-height:1.67; }
.portal-developers-page__cta { display:inline-flex; min-height:45px; align-items:center; justify-content:center; padding:10px 20px; margin-top:26px; border-radius:10px; background:linear-gradient(135deg,#ff672f,#ffad00); color:#201314; font-size:14px; font-weight:850; text-decoration:none; box-shadow:0 8px 18px rgba(255,128,0,.2); transition:transform .2s ease,filter .2s ease; }
.portal-developers-page__cta:hover { color:#201314; filter:brightness(1.08); transform:translateY(-2px); }
.portal-developers-page__section { margin-top:42px; }
.portal-developers-page__section-header { max-width:700px; margin-bottom:18px; }
.portal-developers-page__section-header h2,.portal-developers-page__submission h2,.portal-developers-page__note h2 { margin:0; font-size:clamp(25px,3vw,34px); font-weight:800; letter-spacing:-.03em; line-height:1.15; }
.portal-developers-page__benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.portal-developers-page__benefits article { padding:23px; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:#15131b; }
.portal-developers-page__benefits article > span { display:inline-grid; width:38px; height:38px; margin-bottom:18px; place-items:center; border-radius:10px; background:rgba(255,173,0,.14); color:#ffad00; font-size:18px; }
.portal-developers-page__benefits h3,.portal-developers-page__steps h3 { margin:0 0 8px; font-size:18px; font-weight:800; }
.portal-developers-page__benefits p,.portal-developers-page__steps p,.portal-developers-page__submission > div > p,.portal-developers-page__note p { margin:0; color:#aaa5b2; font-size:15px; line-height:1.65; }
.portal-developers-page__section--steps { padding:31px; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:#141219; }
.portal-developers-page__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0; margin:0; list-style:none; counter-reset:steps; }
.portal-developers-page__steps li { display:flex; gap:14px; padding:18px 10px 12px 0; }
.portal-developers-page__steps li > span { display:inline-grid; flex:0 0 39px; width:39px; height:39px; place-items:center; border:1px solid rgba(255,173,0,.55); border-radius:50%; color:#ffb53b; font-size:12px; font-weight:850; }
.portal-developers-page__submission { display:grid; grid-template-columns:1.1fr 1fr; gap:28px 54px; align-items:start; padding:38px; margin-top:42px; border:1px solid rgba(255,173,0,.36); border-radius:18px; background:linear-gradient(120deg,rgba(255,138,0,.11),rgba(255,138,0,.025)); }
.portal-developers-page__submission > div > p:not(.portal-developers-page__eyebrow) { margin-top:13px; }
.portal-developers-page__submission ul { display:grid; gap:11px; padding:0; margin:4px 0 0; list-style:none; color:#e4dfe7; font-size:15px; line-height:1.45; }
.portal-developers-page__submission li { position:relative; padding-left:23px; }
.portal-developers-page__submission li:before { position:absolute; left:0; color:#ffad00; content:"✓"; font-weight:850; }
.portal-developers-page__submission .portal-developers-page__cta { grid-column:1 / -1; justify-self:start; margin-top:-10px; }
.portal-developers-page__note { padding:28px 32px; margin-top:20px; border-left:3px solid #ff9b19; background:rgba(255,255,255,.025); }
.portal-developers-page__note p { max-width:900px; margin-top:11px; }
body.portal-light-theme .portal-developers-page,body.light-theme .portal-developers-page { background:#f5f3f6; }
body.portal-light-theme .portal-developers-page__hero,body.light-theme .portal-developers-page__hero { border-color:#ded9e1; background:radial-gradient(circle at 88% 14%,rgba(255,138,0,.22),transparent 28%),linear-gradient(125deg,#fffaf4,#f8f3f0 58%,#eef5fa); }
body.portal-light-theme .portal-developers-page h1,body.portal-light-theme .portal-developers-page h2,body.portal-light-theme .portal-developers-page h3,body.light-theme .portal-developers-page h1,body.light-theme .portal-developers-page h2,body.light-theme .portal-developers-page h3 { color:#28232d; }
body.portal-light-theme .portal-developers-page__hero > p:not(.portal-developers-page__eyebrow),body.light-theme .portal-developers-page__hero > p:not(.portal-developers-page__eyebrow),body.portal-light-theme .portal-developers-page__benefits p,body.portal-light-theme .portal-developers-page__steps p,body.portal-light-theme .portal-developers-page__submission > div > p,body.portal-light-theme .portal-developers-page__note p,body.light-theme .portal-developers-page__benefits p,body.light-theme .portal-developers-page__steps p,body.light-theme .portal-developers-page__submission > div > p,body.light-theme .portal-developers-page__note p { color:#625b68; }
body.portal-light-theme .portal-developers-page__benefits article,body.light-theme .portal-developers-page__benefits article,body.portal-light-theme .portal-developers-page__section--steps,body.light-theme .portal-developers-page__section--steps { border-color:#ded9e1; background:#fff; }
body.portal-light-theme .portal-developers-page__submission,body.light-theme .portal-developers-page__submission { background:linear-gradient(120deg,rgba(255,138,0,.09),rgba(255,138,0,.02)); }
body.portal-light-theme .portal-developers-page__submission ul,body.light-theme .portal-developers-page__submission ul { color:#3e3745; }
@media (max-width:850px) { .portal-developers-page__benefits { grid-template-columns:repeat(2,minmax(0,1fr)); } .portal-developers-page__steps { grid-template-columns:1fr; } .portal-developers-page__submission { grid-template-columns:1fr; } }
@media (max-width:600px) { .portal-developers-page { padding:22px 14px 48px; } .portal-developers-page__hero { padding:36px 24px; border-radius:16px; } .portal-developers-page__hero > p:not(.portal-developers-page__eyebrow) { font-size:15px; } .portal-developers-page__benefits { grid-template-columns:1fr; } .portal-developers-page__section--steps,.portal-developers-page__submission { padding:24px; border-radius:15px; } .portal-developers-page__note { padding:23px; } }