@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Rye&display=swap');

:root{
  --wg-bg:#080402;
  --wg-bg2:#100704;
  --wg-panel:#170b05;
  --wg-panel2:#211007;
  --wg-gold:#ffad1f;
  --wg-gold2:#d6780d;
  --wg-gold3:#7e3d05;
  --wg-cream:#f4e4c8;
  --wg-text:#cbb18c;
  --wg-muted:#8d7054;
  --wg-line:rgba(240,144,19,.42);
  --wg-red:#d31414;
  --wg-max:1160px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#050201}
body.public-page{margin:0;min-height:100vh;background:#070301;color:var(--wg-cream);font-family:'Oswald',Arial,sans-serif;overflow-x:hidden}
body.public-page:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 50% 0,rgba(125,57,7,.15),transparent 35%),#060301}
body.public-page a{color:inherit;text-decoration:none}
body.public-page button,body.public-page input,body.public-page select{font:inherit}
body.public-page .page-noise{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E")}
body.public-page .wrap{width:min(var(--wg-max),calc(100% - 38px));margin-inline:auto}

/* header - single compact bar, matching the reference composition */
.public-page .site-head{height:74px;position:absolute;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,rgba(7,3,2,.98),rgba(10,5,2,.87) 70%,rgba(10,5,2,.2));border-bottom:1px solid rgba(238,145,22,.14)}
.public-page .site-head-inner{height:100%;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:16px}
.public-page .brand{display:inline-flex;align-items:center;gap:10px;width:max-content;min-width:0}
.public-page .brand-seal{width:34px;height:34px;display:grid;place-items:center;filter:drop-shadow(0 4px 10px #000)}
.public-page .brand-seal img{display:block;width:100%;height:100%;object-fit:contain}
.public-page .brand-copy{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:5px;line-height:.88}
.public-page .brand-copy b,.public-page .brand-copy strong{font-family:'Rye',Georgia,serif;font-size:14px;letter-spacing:.06em;font-weight:400}
.public-page .brand-copy b{color:#f5d8a4}.public-page .brand-copy strong{color:var(--wg-gold)}
.public-page .brand-copy small{grid-column:1/-1;margin-top:4px;color:#856643;font-size:6px;letter-spacing:.3em;font-weight:700}
.public-page .public-nav{display:flex;align-items:center;justify-content:center;gap:30px}
.public-page .public-nav a,.public-page .nav-login{position:relative;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.08em;color:#fff2df;white-space:nowrap}
.public-page .public-nav a:after{content:"";position:absolute;top:-16px;left:50%;width:5px;height:5px;border-radius:50%;background:var(--wg-gold);transform:translateX(-50%) scale(0);box-shadow:0 0 10px #f79b14;transition:.2s}
.public-page .public-nav a:hover,.public-page .nav-login:hover{color:var(--wg-gold)}
.public-page .public-nav a:hover:after{transform:translateX(-50%) scale(1)}
.public-page .auth-actions{justify-self:end;display:flex;align-items:center;gap:14px}
.public-page .public-menu{display:none;width:40px;height:40px;border:1px solid rgba(245,159,28,.5);background:#120804;cursor:pointer}
.public-page .public-menu span{display:block;width:21px;height:2px;margin:4px auto;background:var(--wg-gold)}
.public-page .public-drawer[hidden]{display:none!important}
.public-page .public-drawer{display:none}

.public-page .btn{min-height:40px;padding:0 22px;border:1px solid #ffc349;background:linear-gradient(#ffc244,#f39d1b 52%,#d77a0e);color:#261003;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.07em;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);box-shadow:0 8px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.24);cursor:pointer;transition:.18s}
.public-page .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.public-page .btn.small{min-height:34px;padding-inline:16px;font-size:9px}
.public-page .btn.ghost{margin-left:10px;background:rgba(12,6,3,.84);color:#f5dcb5;border-color:#8f571a;box-shadow:none}
.public-page .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--wg-gold);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.public-page .eyebrow:before{content:"";width:24px;height:1px;background:var(--wg-gold)}

/* HOME HERO */
.reference-home{background:#080402}
.reference-home .home-hero{position:relative;min-height:620px;padding-top:74px;overflow:hidden;border-bottom:1px solid rgba(238,145,22,.35);background:#080402}
.reference-home .home-hero:before{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,#090402 0%,rgba(8,4,2,.96) 18%,rgba(8,4,2,.72) 46%,rgba(8,4,2,.20) 68%,rgba(8,4,2,.28) 100%),
  linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.0) 70%,#080402 100%),
  url('../img/hero.png') center 42%/cover no-repeat;filter:saturate(.92) contrast(1.04)}
.reference-home .home-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:82px;background:linear-gradient(transparent,#080402)}
.reference-home .hero-grid{position:relative;z-index:2;min-height:546px;display:grid;grid-template-columns:118px minmax(430px,520px) 1fr;gap:28px;align-items:center}
.reference-home .hero-rail{display:grid;gap:9px;align-self:center}
.reference-home .hero-rail article{border:1px solid rgba(237,143,20,.54);background:linear-gradient(145deg,rgba(35,16,6,.95),rgba(12,6,3,.88));box-shadow:inset 0 0 30px rgba(160,68,3,.09),0 12px 28px rgba(0,0,0,.32)}
.reference-home .hero-menu-card{min-height:138px;display:grid!important;padding:12px 10px!important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.reference-home .hero-menu-card a{min-height:27px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(244,163,35,.14);font-size:8px;font-weight:700;letter-spacing:.06em;color:#f3dec0}
.reference-home .hero-menu-card a:last-child{border-bottom:0}
.reference-home .hero-menu-card a:hover{color:var(--wg-gold)}
.reference-home .hero-play-card{min-height:94px;padding:12px 8px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.reference-home .hero-play-card>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f2a21d;color:#2d1303;border:4px solid #3a1b06;box-shadow:0 0 0 1px #f6b440;font-size:13px}
.reference-home .hero-play-card small{margin-top:7px;color:#e4ca9f;font-size:8px;line-height:1.25}
.reference-home .hero-stat-card{min-height:132px;padding:14px 11px!important;align-items:flex-start!important;text-align:left!important;justify-content:center!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.reference-home .hero-stat-card small{font-size:7px;color:#b9915f;letter-spacing:.06em}.reference-home .hero-stat-card b{margin-top:4px;font-family:'Rye',Georgia,serif;font-size:14px;font-weight:400;color:#f4d8ad}.reference-home .hero-stat-card span{margin-top:7px;color:#81684f;font-size:7px;line-height:1.35}
.reference-home .hero-copy{align-self:center;padding:30px 0 42px}
.reference-home .hero-kicker{display:block;color:#e7c995;font-size:9px;font-weight:600;letter-spacing:.06em;margin-bottom:15px}
.reference-home .hero-copy h1{margin:0 0 21px;max-width:520px;font-family:'Rye',Georgia,serif;font-size:clamp(48px,4.4vw,68px);font-weight:400;line-height:1.03;letter-spacing:.015em;color:#f2dfbd;text-transform:uppercase;text-shadow:0 4px 0 #3d1b04,0 12px 35px #000}
.reference-home .hero-copy h1 em{font-style:normal;color:var(--wg-gold);display:block}
.reference-home .hero-motto{display:flex;align-items:center;gap:15px;color:#fff1db;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}
.reference-home .hero-motto i{font-style:normal;color:var(--wg-gold)}
.reference-home .hero-copy p{max-width:470px;margin:0;color:#b79b79;font-size:10px;line-height:1.7}
.reference-home .hero-buttons{display:flex;align-items:center;margin-top:24px}
.reference-home .hero-badge{display:none}

/* 3 benefits strip like reference */
.reference-home .network-ribbon{position:relative;z-index:4;margin:0;background:#0c0503;border-top:1px solid #7b3a08;border-bottom:1px solid #7b3a08}
.reference-home .network-ribbon .wrap{width:min(1000px,calc(100% - 38px));min-height:82px;display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(90deg,#110704,#170a04,#110704)}
.reference-home .network-ribbon article{display:flex;align-items:center;gap:13px;padding:14px 21px;border-right:1px solid rgba(237,141,20,.28)}
.reference-home .network-ribbon article:last-child{border-right:0}
.reference-home .network-ribbon article:nth-child(4){display:none}
.reference-home .network-ribbon span{flex:0 0 39px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffc54a,#de820e);border:4px solid #401c05;color:#321403;box-shadow:0 0 0 1px #f5ac29;font-size:16px;font-weight:900}
.reference-home .network-ribbon b{display:block;color:#f6e4c8;font-size:10px;line-height:1.2}.reference-home .network-ribbon small{display:block;margin-top:5px;color:#8b7051;font-size:8px;line-height:1.3}

/* shared public sections */
.reference-home .public-section{position:relative;padding:66px 0;background:
  radial-gradient(circle at 50% 22%,rgba(122,49,4,.18),transparent 37%),
  linear-gradient(180deg,#0c0503,#110704 55%,#080402)}
.reference-home .public-section.section-dark{background:
  linear-gradient(rgba(12,5,3,.82),rgba(11,5,3,.95)),
  radial-gradient(circle at 50% 30%,rgba(129,54,5,.18),transparent 43%)}
.reference-home .section-header{max-width:760px;margin:0 auto 38px;text-align:center}
.reference-home .section-header h2,.reference-home .affiliate-home h2{margin:9px 0 9px;font-family:'Rye',Georgia,serif;font-weight:400;font-size:clamp(30px,3.3vw,44px);line-height:1.08;text-transform:uppercase;color:#f3dcb4;text-shadow:0 5px 24px #000}
.reference-home .section-header h2 em,.reference-home .affiliate-home h2 em{font-style:normal;color:var(--wg-gold)}
.reference-home .section-header p,.reference-home .affiliate-home>.wrap>p{max-width:650px;margin:0 auto;color:#917455;font-size:8.5px;line-height:1.65}

/* 3 feature cards, middle card lower */
.reference-home .feature-grid{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:70px;align-items:start;padding:15px 0 34px}
.reference-home .feature-card{position:relative;min-height:250px;padding:112px 19px 20px;border:1px solid rgba(229,137,18,.55);background:linear-gradient(145deg,rgba(27,12,5,.97),rgba(8,4,2,.98));text-align:center;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 15px 34px rgba(0,0,0,.35)}
.reference-home .feature-card:nth-child(2){transform:translateY(54px)}
.reference-home .feature-icon{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,#5a2506,#190a03 60%,#080402);border:1px solid #e48d16;box-shadow:0 0 0 5px rgba(231,142,19,.06);color:#f5a91f;font-size:31px;text-shadow:0 2px 10px #000}
.reference-home .feature-card h3{margin:0 0 9px;font-family:'Rye',Georgia,serif;font-weight:400;color:#eab85e;font-size:13px}
.reference-home .feature-card p{margin:0;color:#846b52;font-size:8px;line-height:1.58}.reference-home .feature-card a{display:inline-block;margin-top:13px;color:#ffad1f;font-size:8px;font-weight:700}

/* plans */
.reference-home #plans{padding-top:86px}
.reference-home .public-plans{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.reference-home .public-plan{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(232,139,19,.72);background:linear-gradient(145deg,#170904,#090402);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);box-shadow:0 20px 45px rgba(0,0,0,.28)}
.reference-home .public-plan:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,4,2,.99) 0%,rgba(8,4,2,.88) 48%,rgba(8,4,2,.15) 75%)}
.reference-home .public-plan .portrait{position:absolute;right:-5%;bottom:-4px;width:58%;height:340px;background-image:url('../img/captains.png');background-repeat:no-repeat;background-size:205% auto;filter:saturate(.92) contrast(1.07);z-index:1}
.reference-home .public-plan .portrait.p1{background-position:0 52%}.reference-home .public-plan .portrait.p2{background-position:100% 52%}
.reference-home .public-plan .plan-content{position:relative;z-index:3;width:64%;padding:30px 16px 25px 27px}
.reference-home .public-plan .plan-tag{display:inline-flex;padding:8px 14px;background:linear-gradient(#ffc344,#e88812);color:#2a1103;font-size:8px;font-weight:800;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}
.reference-home .public-plan h3{margin:19px 0 7px;font-family:'Rye',Georgia,serif;font-size:22px;font-weight:400;color:#f4dfbd}
.reference-home .return-big{font-family:'Rye',Georgia,serif;font-size:43px;color:var(--wg-gold);line-height:1}
.reference-home .return-note{margin-top:6px;color:#b18a5b;font-size:8px}
.reference-home .public-plan dl{margin:17px 0 17px}.reference-home .public-plan dl>div{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:6px 0;border-bottom:1px dashed rgba(232,137,18,.15)}
.reference-home .public-plan dt{color:#745a42;font-size:7px;text-transform:uppercase}.reference-home .public-plan dd{margin:0;color:#e2c69e;font-size:8px;font-weight:600}
.reference-home .public-plan .btn{min-height:34px;padding-inline:16px;font-size:8px}

/* affiliate */
.reference-home .affiliate-home{position:relative;padding:69px 0 52px;text-align:center;background:
  radial-gradient(circle at 50% 52%,rgba(143,53,4,.25),transparent 29%),
  linear-gradient(180deg,#080402,#130704 52%,#080402);border-block:1px solid rgba(231,137,18,.22);overflow:hidden}
.reference-home .affiliate-home:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(30deg,#a4510a 12%,transparent 12.5%,transparent 87%,#a4510a 87.5%,#a4510a),linear-gradient(150deg,#a4510a 12%,transparent 12.5%,transparent 87%,#a4510a 87.5%,#a4510a),linear-gradient(30deg,#a4510a 12%,transparent 12.5%,transparent 87%,#a4510a 87.5%,#a4510a),linear-gradient(150deg,#a4510a 12%,transparent 12.5%,transparent 87%,#a4510a 87.5%,#a4510a);background-size:34px 58px;background-position:0 0,0 0,17px 29px,17px 29px}
.reference-home .affiliate-home>.wrap{position:relative;z-index:2}
.reference-home .affiliate-stage{max-width:900px;margin:22px auto 0;display:grid;grid-template-columns:1fr 340px 1fr;gap:14px;align-items:center}
.reference-home .affiliate-captain{height:390px;position:relative;background:url('../img/captains.png') 0 51%/205% auto no-repeat;filter:drop-shadow(0 20px 28px #000);clip-path:polygon(50% 0,93% 18%,93% 77%,50% 100%,7% 77%,7% 18%)}
.reference-home .affiliate-captain:after{content:"";position:absolute;inset:5% 8% 4%;border:2px solid rgba(238,146,22,.7);clip-path:polygon(50% 0,100% 20%,100% 76%,50% 100%,0 76%,0 20%)}
.reference-home .affiliate-levels{display:grid;gap:18px}
.reference-home .affiliate-level{min-height:69px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(237,143,19,.72);background:linear-gradient(90deg,#210d04,#0b0503);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);text-align:left}
.reference-home .affiliate-level span{display:block;color:#efd4aa;font-size:9px;font-weight:700}.reference-home .affiliate-level small{display:block;margin-top:4px;color:#735b46;font-size:7px}.reference-home .affiliate-level b{font-family:'Rye',Georgia,serif;font-size:25px;font-weight:400;color:var(--wg-gold)}

/* process */
.reference-home #how{padding-top:66px;padding-bottom:78px}
.reference-home .process-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.reference-home .process-step{position:relative;min-height:142px;padding:18px 13px;text-align:center}
.reference-home .process-step:not(:last-child):after{content:"";position:absolute;top:43px;left:68%;width:64%;height:1px;background:repeating-linear-gradient(90deg,#8b4d0d 0 6px,transparent 6px 12px)}
.reference-home .process-num{position:relative;z-index:2;width:50px;height:50px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:#f3a51d;color:#2b1203;border:6px solid #2a1104;box-shadow:0 0 0 1px #f2ad2f;font-weight:800;font-size:11px}
.reference-home .process-step h3{margin:0 0 7px;color:#e9b85d;font-family:'Rye',Georgia,serif;font-weight:400;font-size:12px}.reference-home .process-step p{margin:0 auto;max-width:170px;color:#7b624c;font-size:7.5px;line-height:1.5}

/* footer */
.public-page .site-footer{position:relative;background:linear-gradient(rgba(14,6,3,.88),rgba(7,3,1,.98)),url('../img/hero.png') center bottom/cover no-repeat;border-top:1px solid rgba(239,145,19,.45)}
.public-page .footer-grid{min-height:230px;padding:35px 0 25px;display:grid;grid-template-columns:1.8fr .8fr .9fr 1.1fr;gap:32px}
.public-page .footer-brand p{max-width:270px;color:#80654c;font-size:8px;line-height:1.6}.public-page .site-footer h4{margin:5px 0 13px;color:#e6a52d;font-size:9px}.public-page .site-footer a,.public-page .site-footer span{display:block;margin:8px 0;color:#b89a73;font-size:8px}.public-page .footer-bottom{min-height:43px;border-top:1px solid rgba(234,140,18,.18);display:flex;align-items:center;justify-content:space-between;color:#6e5744;font-size:7px}

/* about */
.public-page .about-hero{min-height:535px;padding:100px 0 48px;background:linear-gradient(90deg,rgba(7,3,2,.85),rgba(8,4,2,.4),rgba(7,3,2,.82)),url('../img/hero.png') center/cover no-repeat;border-bottom:1px solid rgba(236,142,19,.34)}
.public-page .about-copy{max-width:900px;padding:48px 70px;text-align:center;background:rgba(9,4,2,.72);border:1px solid rgba(236,142,19,.18);box-shadow:0 25px 70px rgba(0,0,0,.35)}
.public-page .about-copy h1{margin:10px 0 16px;font-family:'Rye',Georgia,serif;font-size:48px;font-weight:400;color:#f0d8b4}.public-page .about-copy h1 em{font-style:normal;color:var(--wg-gold)}
.public-page .about-copy>p{max-width:730px;margin:0 auto;color:#b39876;font-size:10px;line-height:1.8}.public-page .about-points{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.public-page .about-points>div{padding:16px;border:1px solid rgba(235,141,19,.42);background:#110704}.public-page .about-points b{display:block;color:#eab65a;font-size:11px}.public-page .about-points small{display:block;margin-top:5px;color:#80664f;font-size:8px;line-height:1.4}

/* login / register, based on the supplied screenshots */
.public-page .auth-page{min-height:100vh;padding:96px 18px 82px;display:grid;place-items:center;background:linear-gradient(90deg,rgba(8,3,2,.8),rgba(8,3,2,.33),rgba(8,3,2,.8)),url('../img/hero.png') center/cover fixed no-repeat}
.public-page .auth-card{width:min(760px,100%);padding:42px 48px 46px;background:linear-gradient(rgba(16,7,3,.74),rgba(10,4,2,.86));border:1px solid rgba(239,143,20,.28);box-shadow:0 32px 85px rgba(0,0,0,.5);text-align:center}
.public-page .auth-card>img{width:56px;height:56px;margin-bottom:8px}.public-page .auth-card .eyebrow{justify-content:center}.public-page .auth-card h1{margin:8px 0 29px;font-family:'Rye',Georgia,serif;font-size:43px;font-weight:400;color:var(--wg-gold);text-shadow:0 5px 20px #000}
.public-page .auth-card form{display:grid;gap:15px}.public-page .auth-card label{display:grid;gap:6px;text-align:left;color:#c6ab83;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.public-page .auth-card label small{color:#6e5944}.public-page .auth-card input,.public-page .auth-card select{width:100%;height:48px;padding:0 15px;color:#f1debe;background:rgba(12,5,2,.9);border:1px solid #bd690d;outline:0}.public-page .auth-card input:focus{border-color:#ffad1f;box-shadow:0 0 0 3px rgba(255,173,31,.08)}.public-page .auth-card .btn{justify-self:center;min-width:180px;margin-top:8px}.public-page .auth-card>p{margin:22px 0 0;color:#b39878;font-size:10px}.public-page .auth-card>p a{color:var(--wg-gold)}
.public-page .cf-turnstile{margin-inline:auto}

.public-page .flash{position:fixed;z-index:120;top:86px;right:18px;max-width:390px;padding:12px 15px;display:flex;gap:10px;align-items:flex-start;background:#1a0c05;border:1px solid rgba(240,145,21,.55);box-shadow:0 18px 48px #000}.public-page .flash span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#f4a21c;color:#2e1303;font-weight:800}.public-page .flash p{margin:3px 0 0;font-size:10px;line-height:1.45}.public-page .flash.error{border-color:#a71b14}.public-page .flash.error span{background:#d32318;color:#fff}

@media(max-width:980px){
  .public-page .site-head-inner{grid-template-columns:190px 1fr 190px}.public-page .public-nav{gap:18px}
  .reference-home .hero-grid{grid-template-columns:108px minmax(390px,470px) 1fr;gap:20px}.reference-home .hero-copy h1{font-size:54px}
  .reference-home .feature-grid{gap:28px}.reference-home .affiliate-stage{grid-template-columns:1fr 290px 1fr}.reference-home .affiliate-captain{height:345px}
}
@media(max-width:760px){
  .public-page .site-head{height:62px;background:#0a0402}.public-page .site-head-inner{display:flex;justify-content:space-between}.public-page .brand-seal{width:31px;height:31px}.public-page .brand-copy b,.public-page .brand-copy strong{font-size:12px}.public-page .public-nav,.public-page .auth-actions{display:none}.public-page .public-menu{display:block}
  .public-page .public-drawer{position:fixed;z-index:100;top:62px;left:10px;right:10px;padding:12px;display:none;grid-template-columns:1fr 1fr;gap:8px;background:#120704;border:1px solid rgba(237,142,19,.62);box-shadow:0 24px 65px #000}.public-page .public-drawer.open{display:grid}.public-page .public-drawer a{min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(237,142,19,.17);font-size:9px;text-transform:uppercase}.public-page .public-drawer .btn{grid-column:1/-1}
  .reference-home .home-hero{padding-top:62px;min-height:auto}.reference-home .home-hero:before{background:linear-gradient(180deg,rgba(7,3,2,.08),rgba(7,3,2,.25) 38%,#080402 68%),url('../img/hero.png') 68% top/auto 470px no-repeat;background-color:#080402}
  .reference-home .hero-grid{min-height:770px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-top:332px;gap:18px}.reference-home .hero-copy{order:1;padding:0}.reference-home .hero-copy h1{font-size:46px;max-width:430px}.reference-home .hero-copy h1 em{display:inline}.reference-home .hero-copy p{font-size:9px;max-width:500px}.reference-home .hero-motto{font-size:11px}
  .reference-home .hero-rail{order:2;grid-template-columns:1.2fr .75fr 1fr;gap:7px}.reference-home .hero-menu-card{min-height:95px}.reference-home .hero-play-card,.reference-home .hero-stat-card{min-height:95px}.reference-home .hero-stat-card{align-items:center!important;text-align:center!important}
  .reference-home .network-ribbon .wrap{width:100%;grid-template-columns:1fr}.reference-home .network-ribbon article{min-height:62px;border-right:0;border-bottom:1px solid rgba(237,141,20,.18);padding-inline:22px}.reference-home .network-ribbon article:last-of-type{border-bottom:0}
  .reference-home .feature-grid{grid-template-columns:1fr;max-width:430px;gap:16px}.reference-home .feature-card:nth-child(2){transform:none}
  .reference-home .public-plans{grid-template-columns:1fr;max-width:500px}.reference-home .public-plan{min-height:360px}
  .reference-home .affiliate-stage{grid-template-columns:1fr;max-width:500px}.reference-home .affiliate-captain{order:-1;height:340px;width:310px;margin-inline:auto}.reference-home .affiliate-levels{grid-template-columns:1fr 1fr;display:grid}
  .reference-home .process-grid{grid-template-columns:1fr 1fr}.reference-home .process-step:after{display:none}
  .public-page .footer-grid{grid-template-columns:1fr 1fr}.public-page .footer-brand{grid-column:1/-1}.public-page .about-copy{padding:36px 24px}.public-page .about-points{grid-template-columns:1fr}.public-page .auth-card{padding:34px 22px}.public-page .auth-card h1{font-size:35px}
}
@media(max-width:480px){
  body.public-page .wrap{width:calc(100% - 20px)}
  .public-page .brand-copy small{display:none}
  .reference-home .hero-grid{padding-top:305px;min-height:760px}.reference-home .hero-copy h1{font-size:38px}.reference-home .hero-kicker{font-size:8px}.reference-home .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reference-home .hero-buttons .btn{margin:0;padding-inline:8px}.reference-home .hero-rail{grid-template-columns:1fr 1fr}.reference-home .hero-menu-card{grid-column:1/-1}
  .reference-home .public-section{padding:54px 0}.reference-home .section-header h2,.reference-home .affiliate-home h2{font-size:29px}.reference-home .section-header p,.reference-home .affiliate-home>.wrap>p{font-size:8px}
  .reference-home .public-plan{min-height:390px}.reference-home .public-plan .portrait{width:66%;height:285px;opacity:.8}.reference-home .public-plan .plan-content{width:73%;padding-left:18px}.reference-home .return-big{font-size:37px}
  .reference-home .affiliate-levels{grid-template-columns:1fr}.reference-home .affiliate-captain{width:270px;height:300px}.reference-home .process-grid{grid-template-columns:1fr}.reference-home .process-step{min-height:110px}
  .public-page .footer-grid{grid-template-columns:1fr}.public-page .footer-brand{grid-column:auto}.public-page .footer-bottom{display:grid;gap:4px;padding:10px 0}.public-page .about-copy h1{font-size:35px}.public-page .auth-page{padding-inline:10px}.public-page .auth-card{padding-inline:16px}.public-page .auth-card h1{font-size:30px}
}

/* Public inner pages reuse the same visual system instead of falling back to old CSS. */
.public-page main:not(.reference-home) .network-ribbon{position:relative;z-index:4;margin:0;background:#0c0503;border-top:1px solid #7b3a08;border-bottom:1px solid #7b3a08}
.public-page main:not(.reference-home) .network-ribbon .wrap{width:min(1000px,calc(100% - 38px));min-height:82px;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#110704,#170a04,#110704)}
.public-page main:not(.reference-home) .network-ribbon article{display:flex;align-items:center;gap:12px;padding:14px 18px;border-right:1px solid rgba(237,141,20,.28)}
.public-page main:not(.reference-home) .network-ribbon article:last-child{border-right:0}
.public-page main:not(.reference-home) .network-ribbon span{flex:0 0 37px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffc54a,#de820e);border:4px solid #401c05;color:#321403;box-shadow:0 0 0 1px #f5ac29;font-size:15px;font-weight:900}
.public-page main:not(.reference-home) .network-ribbon b{display:block;color:#f6e4c8;font-size:9px}.public-page main:not(.reference-home) .network-ribbon small{display:block;margin-top:4px;color:#8b7051;font-size:7px}
.public-page main:not(.reference-home) .public-section{position:relative;padding:66px 0;background:radial-gradient(circle at 50% 22%,rgba(122,49,4,.18),transparent 37%),linear-gradient(180deg,#0c0503,#110704 55%,#080402)}
.public-page main:not(.reference-home) .public-section.section-dark{background:linear-gradient(rgba(12,5,3,.82),rgba(11,5,3,.95)),radial-gradient(circle at 50% 30%,rgba(129,54,5,.18),transparent 43%)}
.public-page main:not(.reference-home) .section-header{max-width:760px;margin:0 auto 38px;text-align:center}
.public-page main:not(.reference-home) .section-header h2,.public-page main:not(.reference-home) .affiliate-home h2{margin:9px 0;font-family:'Rye',Georgia,serif;font-weight:400;font-size:clamp(30px,3.3vw,44px);line-height:1.08;text-transform:uppercase;color:#f3dcb4;text-shadow:0 5px 24px #000}
.public-page main:not(.reference-home) .section-header h2 em,.public-page main:not(.reference-home) .affiliate-home h2 em{font-style:normal;color:var(--wg-gold)}
.public-page main:not(.reference-home) .section-header p,.public-page main:not(.reference-home) .affiliate-home>.wrap>p{max-width:650px;margin:0 auto;color:#917455;font-size:8.5px;line-height:1.65}
.public-page main:not(.reference-home) .feature-grid{max-width:860px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:52px;align-items:start;padding:15px 0 34px}
.public-page main:not(.reference-home) .feature-card{position:relative;min-height:245px;padding:108px 19px 20px;border:1px solid rgba(229,137,18,.55);background:linear-gradient(145deg,rgba(27,12,5,.97),rgba(8,4,2,.98));text-align:center;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.public-page main:not(.reference-home) .feature-card:nth-child(2){transform:translateY(48px)}
.public-page main:not(.reference-home) .feature-icon{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 30%,#5a2506,#190a03 60%,#080402);border:1px solid #e48d16;color:#f5a91f;font-size:27px}
.public-page main:not(.reference-home) .feature-card h3{margin:0 0 9px;font-family:'Rye',Georgia,serif;font-weight:400;color:#eab85e;font-size:13px}.public-page main:not(.reference-home) .feature-card p{margin:0;color:#846b52;font-size:8px;line-height:1.58}
.public-page main:not(.reference-home) .affiliate-home{position:relative;padding:69px 0 52px;text-align:center;background:radial-gradient(circle at 50% 52%,rgba(143,53,4,.25),transparent 29%),linear-gradient(180deg,#080402,#130704 52%,#080402);border-block:1px solid rgba(231,137,18,.22);overflow:hidden}
.public-page main:not(.reference-home) .affiliate-stage{max-width:900px;margin:22px auto 0;display:grid;grid-template-columns:1fr 340px 1fr;gap:14px;align-items:center}
.public-page main:not(.reference-home) .affiliate-captain{height:390px;position:relative;background:url('../img/captains.png') 0 51%/205% auto no-repeat;filter:drop-shadow(0 20px 28px #000);clip-path:polygon(50% 0,93% 18%,93% 77%,50% 100%,7% 77%,7% 18%)}
.public-page main:not(.reference-home) .affiliate-levels{display:grid;gap:18px}.public-page main:not(.reference-home) .affiliate-level{min-height:69px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(237,143,19,.72);background:linear-gradient(90deg,#210d04,#0b0503);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);text-align:left}
.public-page main:not(.reference-home) .affiliate-level span{display:block;color:#efd4aa;font-size:9px;font-weight:700}.public-page main:not(.reference-home) .affiliate-level b{font-family:'Rye',Georgia,serif;font-size:25px;font-weight:400;color:var(--wg-gold)}
.public-page main:not(.reference-home) .process-grid{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.public-page main:not(.reference-home) .process-step{position:relative;min-height:142px;padding:18px 13px;text-align:center}.public-page main:not(.reference-home) .process-num{width:50px;height:50px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:#f3a51d;color:#2b1203;border:6px solid #2a1104;box-shadow:0 0 0 1px #f2ad2f;font-weight:800;font-size:11px}.public-page main:not(.reference-home) .process-step h3{margin:0 0 7px;color:#e9b85d;font-family:'Rye',Georgia,serif;font-weight:400;font-size:12px}.public-page main:not(.reference-home) .process-step p{margin:0 auto;max-width:170px;color:#7b624c;font-size:7.5px;line-height:1.5}

@media(max-width:760px){
  .public-page main:not(.reference-home) .network-ribbon .wrap{grid-template-columns:1fr 1fr}.public-page main:not(.reference-home) .network-ribbon article:nth-child(2){border-right:0}.public-page main:not(.reference-home) .feature-grid{grid-template-columns:1fr;max-width:430px;gap:16px}.public-page main:not(.reference-home) .feature-card:nth-child(2){transform:none}.public-page main:not(.reference-home) .affiliate-stage{grid-template-columns:1fr;max-width:500px}.public-page main:not(.reference-home) .affiliate-captain{order:-1;height:340px;width:310px;margin-inline:auto}.public-page main:not(.reference-home) .affiliate-levels{grid-template-columns:1fr 1fr}.public-page main:not(.reference-home) .process-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .public-page main:not(.reference-home) .network-ribbon .wrap{grid-template-columns:1fr}.public-page main:not(.reference-home) .network-ribbon article{border-right:0;border-bottom:1px solid rgba(237,141,20,.18)}.public-page main:not(.reference-home) .affiliate-levels{grid-template-columns:1fr}.public-page main:not(.reference-home) .affiliate-captain{width:270px;height:300px}.public-page main:not(.reference-home) .process-grid{grid-template-columns:1fr}
}
.public-page .auth-card .auth-fields{display:grid;gap:15px}.public-page .auth-register-form .auth-fields{grid-template-columns:1fr 1fr;gap:18px 24px}.public-page .auth-login-form .auth-fields{grid-template-columns:1fr}.public-page .auth-register-form .cf-turnstile{grid-column:1/-1}
@media(max-width:680px){.public-page .auth-register-form .auth-fields{grid-template-columns:1fr}}
