.directory-details-button{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;border:1px solid rgba(212,168,67,.42);border-radius:999px;background:linear-gradient(180deg,#fffdfa,#faf5eb);color:#0a0705!important;font-size:.78rem;font-weight:950;line-height:1;padding:.62rem 1rem;text-decoration:none;white-space:nowrap;box-shadow:0 10px 22px rgba(10,7,5,.08),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.directory-details-button:hover{background:linear-gradient(180deg,#e6bf62,#d4a843);transform:translateY(-1px);box-shadow:0 14px 30px rgba(148,101,20,.18)}
.city-hero{background:linear-gradient(135deg,rgba(10,7,5,.88),rgba(10,7,5,.96)),url('/images/products/market-10.png') center/cover;color:#faf5eb}.city-hero-copy{display:flex;min-height:28rem;flex-direction:column;justify-content:center}.city-hero-copy h1{margin-top:.85rem;max-width:44rem;color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(3.2rem,8vw,6.5rem);font-weight:900;letter-spacing:0;line-height:.92}.city-hero-copy p{margin-top:1.25rem;max-width:39rem;color:rgba(250,245,235,.78);font-size:1.1rem;font-weight:650;line-height:1.75}.city-hero-actions{display:grid;gap:.8rem;margin-top:2rem;max-width:28rem;grid-template-columns:repeat(2,minmax(0,1fr))}.city-hero-card{align-self:center;overflow:hidden;border:1px solid rgba(212,168,67,.34);border-radius:1.4rem;background:#111318;box-shadow:0 30px 80px rgba(0,0,0,.34)}.city-hero-card img{height:24rem;width:100%;object-fit:cover}.city-hero-card div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:1rem}.city-hero-card span{border-radius:1rem;background:rgba(212,168,67,.12);color:#d4a843;font-size:.8rem;font-weight:950;padding:.75rem;text-align:center}
.city-content{background:#faf5eb}.city-panel,.city-side-card,.city-product-card{border:1px solid rgba(212,168,67,.26);border-radius:1.25rem;background:#fffdfa;box-shadow:0 18px 48px rgba(10,7,5,.08)}.city-panel,.city-side-card{padding:1.15rem}.city-panel-head{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid rgba(10,7,5,.08);padding-bottom:.9rem}.city-panel-head span{display:inline-flex;height:2.2rem;width:2.2rem;align-items:center;justify-content:center;border-radius:999px;background:#0a0705;color:#d4a843;font-weight:950}.city-panel-head h2,.city-side-card h2,.city-section-heading h2{color:#0a0705;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.7rem,4vw,2.35rem);font-weight:900;letter-spacing:0;line-height:1}.city-list{display:grid;gap:.75rem;margin-top:1rem}.city-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:1rem;background:#faf5eb;padding:.9rem}.city-list-row strong,.city-list-row small{display:block}.city-list-row strong{color:#0a0705;font-weight:950}.city-list-row small{margin-top:.22rem;color:rgba(10,7,5,.62);font-weight:650}.city-list-row a{border-radius:999px;background:#d4a843;color:#0a0705;font-size:.75rem;font-weight:950;padding:.52rem .75rem;text-decoration:none}.city-empty{border-radius:1rem;background:#faf5eb;color:rgba(10,7,5,.68);font-size:.92rem;font-weight:650;line-height:1.55;padding:1rem}.city-side-card{background:linear-gradient(135deg,#111318,#0a0705);color:#faf5eb}.city-side-card h2{margin-top:.45rem;color:#fff}.city-side-card p{margin:1rem 0;color:rgba(250,245,235,.72);line-height:1.65}.city-market-band{background:linear-gradient(180deg,#111318,#0a0705);color:#faf5eb}.city-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.city-section-heading h2{margin-top:.35rem;color:#fff}.city-product-card{overflow:hidden;background:#151412}.city-product-card img{height:12rem;width:100%;object-fit:cover}.city-product-card div{padding:1rem}.city-product-card h3{color:#fff;font-weight:950;line-height:1.2}.city-product-card p{margin-top:.55rem;color:rgba(250,245,235,.68);font-size:.86rem;line-height:1.5}.city-product-card strong{display:block;margin-top:1rem;color:#d4a843;font-family:"Playfair Display",Georgia,serif;font-size:1.45rem}
@media(max-width:700px){.city-hero-actions{grid-template-columns:1fr}.city-hero-card img{height:17rem}.city-section-heading,.city-list-row{align-items:flex-start;flex-direction:column}.directory-details-button{width:100%}}
.recipe-hero{background:linear-gradient(135deg,rgba(10,7,5,.82),rgba(10,7,5,.96)),url('/images/recipes/jollof-rice.jpg') center/cover}
.recipe-card{overflow:hidden;border:1px solid rgba(212,168,67,.30);border-radius:1.25rem;background:#fffdfa;box-shadow:0 18px 48px rgba(10,7,5,.10)}
.recipe-card-image{position:relative;height:15rem;overflow:hidden;background:#0a0705}
.recipe-card-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s ease}.recipe-card:hover .recipe-card-image img{transform:scale(1.04)}
.recipe-card-image span{position:absolute;left:1rem;top:1rem;border-radius:999px;background:#d4a843;color:#0a0705;font-size:.72rem;font-weight:950;padding:.45rem .7rem}
.recipe-card-body{padding:1.25rem}.recipe-card-body h2{margin-top:.35rem;color:#0a0705;font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.7rem,4vw,2.45rem);font-weight:900;letter-spacing:0;line-height:1}
.recipe-card-body p{margin-top:.85rem;color:rgba(10,7,5,.72);font-size:.95rem;line-height:1.65}.recipe-note{margin-top:1.2rem;border-radius:1rem;background:linear-gradient(180deg,#faf5eb,#fff8e6);padding:1rem}
.recipe-note strong,.recipe-note span{display:block}.recipe-note strong{color:#c0392b;font-size:.78rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.recipe-note span{margin-top:.4rem;color:rgba(10,7,5,.74);font-size:.88rem;line-height:1.55}
.agent-join-shell,.agent-dashboard-shell{background:radial-gradient(circle at 76% 10%,rgba(212,168,67,.15),transparent 28%),linear-gradient(180deg,#111318,#0a0705);color:#faf5eb;min-height:calc(100vh - 4rem)}
.agent-hero-panel,.agent-form-card,.agent-plan-card,.agent-stat-card,.agent-listing-card,.agent-side-card,.agent-premium-card,.agent-empty-card,.agent-add-form,.agent-swap-row{border:1px solid rgba(212,168,67,.28);border-radius:1.25rem;background:rgba(18,19,21,.92);box-shadow:0 22px 60px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}
.agent-hero-panel{display:flex;min-height:28rem;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5vw,3rem);background:linear-gradient(135deg,rgba(10,7,5,.72),rgba(10,7,5,.96)),url('/images/products/market-2.png') center/cover}
.agent-kicker{color:#d4a843;font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.agent-hero-panel h1,.agent-dashboard-top h1,.agent-form-head h2,.agent-section-head h2{color:#fff;font-family:"Playfair Display",Georgia,serif;font-weight:900;letter-spacing:0;line-height:1}
.agent-hero-panel h1{margin-top:.75rem;max-width:42rem;font-size:clamp(3rem,8vw,5.8rem)}.agent-hero-panel p{margin-top:1.25rem;max-width:34rem;color:rgba(250,245,235,.78);font-size:1.08rem;line-height:1.75}
.agent-stat-strip,.agent-stat-grid,.agent-listing-grid{display:grid;gap:1rem}.agent-stat-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.agent-stat-strip div,.agent-stat-card{border:1px solid rgba(212,168,67,.24);border-radius:1rem;background:rgba(255,255,255,.045);padding:1rem}
.agent-stat-strip strong,.agent-stat-card strong{display:block;color:#fff;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:950;line-height:1}.agent-stat-strip span,.agent-stat-card span{display:block;margin-top:.35rem;color:rgba(250,245,235,.68);font-size:.82rem;font-weight:700}
.agent-plan-stack{display:grid;gap:1rem}.agent-plan-card{padding:1.25rem}.agent-plan-card.featured,.agent-premium-card{background:linear-gradient(135deg,#d4a843,#8d6518);color:#0a0705}.agent-plan-name{color:inherit;font-size:1.35rem;font-weight:900}.agent-plan-price{margin-top:.4rem;color:inherit;font-size:2rem;font-weight:950;line-height:1}.agent-plan-price span{font-size:.9rem;font-weight:800}.agent-plan-card ul{margin-top:1rem;display:grid;gap:.55rem;color:inherit;font-size:.9rem;font-weight:700}
.agent-plan-badge{display:inline-flex;border-radius:999px;background:#d4a843;color:#0a0705;font-size:.72rem;font-weight:900;padding:.45rem .75rem}.agent-form-card{padding:clamp(1.25rem,4vw,2rem)}.agent-form-head,.agent-dashboard-top,.agent-section-head,.agent-listing-meta,.agent-profile-chip{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.agent-plan-option{display:flex;cursor:pointer;gap:.75rem;border:1px solid rgba(212,168,67,.25);border-radius:1rem;background:rgba(255,255,255,.055);padding:1rem}.agent-plan-option input{margin-top:.2rem;accent-color:#d4a843}.agent-plan-option strong,.agent-plan-option small{display:block}.agent-plan-option small{margin-top:.25rem;color:rgba(250,245,235,.66)}
.agent-form-card input,.agent-form-card textarea,.agent-form-card select,.agent-add-form input,.agent-add-form textarea,.agent-add-form select,.agent-payout-form input{border:1px solid rgba(212,168,67,.30)!important;background:#fffdfa!important;color:#0a0705!important;font-weight:750!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(10,7,5,.08)!important}
.agent-dashboard-top{margin-bottom:1.5rem}.agent-dashboard-top h1{margin-top:.3rem;font-size:clamp(2.6rem,7vw,4.2rem)}.agent-dashboard-top p{margin-top:.45rem;color:rgba(250,245,235,.7);font-weight:700}.agent-profile-chip{justify-content:flex-start;border-radius:999px;background:rgba(255,255,255,.06);padding:.55rem .9rem}.agent-profile-chip>span{display:inline-flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:999px;background:#d4a843;color:#0a0705;font-weight:950}.agent-profile-chip strong,.agent-profile-chip small{display:block}.agent-profile-chip small{color:rgba(250,245,235,.64)}
.agent-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:1.5rem}.agent-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-section-head{margin:1.75rem 0 1rem}.agent-section-head h2{color:#d4a843;font-size:1.55rem}
.agent-gold-button,.agent-payout-form button,.agent-premium-card button,.agent-swap-row button{border-radius:.75rem;background:linear-gradient(180deg,#e6bf62,#d4a843);color:#0a0705;font-weight:900;padding:.75rem 1rem}.agent-add-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem}.agent-add-form textarea,.agent-add-form button{grid-column:1/-1}.agent-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.agent-listing-card{overflow:hidden}.agent-listing-card.is-muted{opacity:.68}.agent-listing-image{position:relative;height:7.8rem;overflow:hidden}.agent-listing-image img{height:100%;width:100%;object-fit:cover}.agent-listing-image button{position:absolute;bottom:.6rem;right:.6rem;border-radius:999px;background:#2fc56a;color:#fff;font-size:.68rem;font-weight:900;padding:.35rem .55rem}.agent-listing-body{padding:.85rem}.agent-listing-body h3{color:#fff;font-weight:900;line-height:1.2}.agent-listing-body p,.agent-side-card p,.agent-premium-card p{margin-top:.4rem;color:rgba(250,245,235,.68);font-size:.82rem;line-height:1.45}.agent-listing-meta{margin-top:.8rem}.agent-listing-meta strong{color:#fff;font-size:1.1rem;font-weight:950}.agent-listing-meta span,.agent-listing-body a{color:#d4a843;font-size:.72rem;font-weight:850}
.agent-side-column{display:grid;align-content:start;gap:1.25rem}.agent-side-card,.agent-premium-card,.agent-empty-card{padding:1rem}.agent-side-card h2,.agent-premium-card h2{color:inherit;font-size:1.25rem;font-weight:950}.agent-payout-form{display:grid;gap:.75rem;margin-top:1rem}.agent-payout-form input{border-radius:.8rem;padding:.9rem}.agent-payout-form span{color:#ffb4a8;font-size:.75rem;font-weight:800}.agent-side-card small{display:block;margin-top:.75rem;color:rgba(250,245,235,.58)}.agent-side-card h3{margin-top:1.3rem;color:#fff;font-weight:900}
.agent-payout-row,.agent-swap-row{display:flex;justify-content:space-between;gap:.75rem;margin-top:.75rem;color:rgba(250,245,235,.78);font-size:.82rem}.agent-premium-card strong{display:block;margin-top:1rem;color:#0a0705;font-size:1.8rem;font-weight:950}.agent-premium-card button{margin-top:1rem;width:100%;background:linear-gradient(180deg,#b329e8,#8610d8);color:#fff}.agent-swap-list{display:grid;gap:.75rem}.agent-swap-row{align-items:center;padding:.9rem}.agent-swap-row strong,.agent-swap-row span{display:block}.agent-swap-row strong{color:#fff}.agent-swap-row span{color:rgba(250,245,235,.66)}.agent-swap-row div:last-child{display:flex;gap:.55rem}
.agent-notice{margin-bottom:1rem;border:1px solid rgba(53,209,111,.35);border-radius:1rem;background:rgba(53,209,111,.10);color:#b6ffd0;padding:1rem;font-weight:800}.agent-notice.danger{border-color:rgba(255,112,112,.35);background:rgba(255,112,112,.10);color:#ffd0d0}
@media(max-width:1100px){.agent-dashboard-grid{grid-template-columns:1fr}.agent-stat-grid,.agent-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.agent-form-head,.agent-dashboard-top,.agent-section-head{align-items:flex-start;flex-direction:column}.agent-stat-strip,.agent-stat-grid,.agent-listing-grid,.agent-add-form{grid-template-columns:1fr}}

.agent-register-mock{background:#111317;color:#f7f1e7;min-height:calc(100vh - 4rem);border-top:4px solid #d5aa42}
.agent-register-inner{width:min(100%,1280px);margin:0 auto;padding:clamp(1.25rem,3vw,2rem) clamp(1rem,4vw,3.5rem) 3.5rem}
.agent-register-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:2rem}
.agent-register-title{display:flex;align-items:flex-start;gap:1.15rem;min-width:0}
.agent-register-brandmark{display:inline-flex;width:2.8rem;height:2.8rem;flex:0 0 auto;align-items:center;justify-content:center;border-radius:999px;background:#d5aa42;color:#101216;font-size:.88rem;font-weight:950;box-shadow:0 0 0 6px rgba(213,170,66,.08)}
.agent-register-title h1{margin:.15rem 0 0;color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.4rem,7vw,4.35rem);font-weight:950;letter-spacing:0;line-height:.92}
.agent-register-title p{margin:.75rem 0 0;max-width:43rem;color:rgba(247,241,231,.75);font-size:1rem;font-weight:700;line-height:1.65}
.agent-register-profile{display:flex;align-items:center;gap:.7rem;flex:0 0 auto;border:1px solid rgba(213,170,66,.24);border-radius:999px;background:rgba(255,255,255,.045);padding:.55rem .85rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.agent-register-profile>span{display:inline-flex;width:3rem;height:3rem;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,#d5aa42,#815b14);color:#111317;font-weight:950}
.agent-register-profile strong,.agent-register-profile small,.agent-register-profile em{display:block;line-height:1.2}.agent-register-profile strong{color:#fff;font-size:.92rem}.agent-register-profile small{color:rgba(247,241,231,.68);font-size:.78rem;font-style:normal}.agent-register-profile em{position:relative;margin-top:.22rem;padding-left:.72rem;color:#f7f1e7;font-size:.72rem;font-style:normal;font-weight:800}.agent-register-profile em:before{content:"";position:absolute;left:0;top:.28rem;width:.45rem;height:.45rem;border-radius:999px;background:#27c666;box-shadow:0 0 0 4px rgba(39,198,102,.16)}
.agent-register-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1.6rem}
.agent-register-stats article{min-height:7.25rem;border:1px solid rgba(213,170,66,.18);border-radius:.7rem;background:linear-gradient(180deg,#1b1d22,#14161a);padding:1rem 1.05rem;box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 24px rgba(213,170,66,.14)}
.agent-register-stats span{display:block;color:rgba(247,241,231,.8);font-size:.86rem;font-weight:800}.agent-register-stats strong{display:block;margin:.35rem 0;color:#fff;font-size:clamp(1.7rem,3vw,2.55rem);font-weight:950;letter-spacing:0;line-height:1}.agent-register-stats small{display:block;color:rgba(247,241,231,.56);font-size:.78rem;font-weight:800}
.agent-register-grid{display:grid;grid-template-columns:minmax(0,1fr) 16.5rem;gap:1.75rem;align-items:start}
.agent-register-main{min-width:0}.agent-register-section-head{margin:0 0 .95rem}.agent-register-section-head h2{color:#d5aa42;font-size:1.35rem}.agent-register-section-head a{color:#d5aa42;font-size:.85rem;font-weight:950;text-decoration:none}
.agent-register-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;margin-bottom:1.2rem}
.agent-register-plan{border:1px solid rgba(213,170,66,.18);border-radius:.7rem;background:#17191e;padding:1rem;box-shadow:0 16px 32px rgba(0,0,0,.24)}
.agent-register-plan.featured{background:linear-gradient(135deg,#d9ad44,#8e6519);color:#101216;box-shadow:0 18px 36px rgba(155,111,26,.35)}
.agent-register-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.agent-register-plan .agent-plan-name{color:inherit;font-size:1.04rem}.agent-register-plan .agent-plan-price{color:inherit;font-size:1.75rem}.agent-register-plan .agent-plan-price span{font-size:.78rem}
.agent-register-plan ul{display:grid;gap:.55rem;margin:.9rem 0 0;padding:0;list-style:none;color:inherit}.agent-register-plan li{position:relative;padding-left:1rem;font-size:.86rem;font-weight:850;line-height:1.35}.agent-register-plan li:before{content:"";position:absolute;left:0;top:.45rem;width:.4rem;height:.4rem;border-radius:999px;background:currentColor;opacity:.7}
.agent-register-plan .agent-plan-badge{background:#111317;color:#f7f1e7}.agent-register-plan .agent-plan-badge.muted{background:rgba(213,170,66,.16);color:#d5aa42}
.agent-register-side{display:grid;gap:1.25rem}.agent-register-payout,.agent-register-premium{border:1px solid rgba(213,170,66,.48);border-radius:.65rem;padding:1rem;background:#15171b;box-shadow:0 18px 40px rgba(0,0,0,.32)}
.agent-register-payout h2,.agent-register-premium h2{margin:0;color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:1.35rem;font-weight:950}.agent-register-payout p,.agent-register-premium p{margin:.45rem 0 .8rem;color:rgba(247,241,231,.75);font-size:.8rem;font-weight:750;line-height:1.45}
.agent-register-amount{display:flex;align-items:center;justify-content:space-between;gap:.65rem;border:1px solid rgba(255,255,255,.08);border-radius:.45rem;background:#202329;padding:.7rem .75rem}.agent-register-amount strong{color:#fff;font-size:1.35rem;font-weight:950}.agent-register-amount span{border-radius:.35rem;background:#e7e0d4;color:#111317;padding:.25rem .5rem;font-size:.72rem;font-weight:950}
.agent-register-payout button,.agent-register-premium a{display:flex;width:100%;align-items:center;justify-content:center;min-height:2.55rem;margin-top:.8rem;border:0;border-radius:.42rem;background:#2492ef;color:#fff;font-size:.86rem;font-weight:950;text-decoration:none;box-shadow:0 10px 20px rgba(36,146,239,.22)}.agent-register-payout small{display:block;margin-top:.7rem;text-align:center;color:rgba(247,241,231,.58);font-size:.68rem;font-weight:750}
.agent-register-premium{background:linear-gradient(135deg,#d9ad44,#936818);color:#111317}.agent-register-premium h2,.agent-register-premium p,.agent-register-premium strong{color:#111317}.agent-register-premium strong{display:block;margin:.7rem 0;font-size:1.75rem;font-weight:950}.agent-register-premium strong span{font-size:.95rem}.agent-register-premium a{background:linear-gradient(135deg,#8d1be6,#b217e3);box-shadow:0 12px 24px rgba(141,27,230,.28)}
.agent-register-form{border-radius:.7rem;background:#17191e;padding:clamp(1rem,3vw,1.4rem);box-shadow:0 18px 38px rgba(0,0,0,.28)}.agent-register-form .agent-form-head{margin-bottom:1rem}.agent-register-form .agent-form-head h2{font-size:1.45rem;color:#fff}.agent-register-form label{color:#d5aa42!important}.agent-register-form .agent-plan-option{border-radius:.65rem;background:#202329;border-color:rgba(213,170,66,.22);color:#f7f1e7}.agent-register-form .agent-plan-option strong{color:#fff}.agent-register-form .agent-plan-option small{color:rgba(247,241,231,.68)}.agent-register-form input,.agent-register-form textarea,.agent-register-form select{border-radius:.65rem!important}.agent-register-form .market-action-primary{min-height:3.1rem;border-radius:.55rem;background:linear-gradient(135deg,#d9ad44,#8e6519);color:#111317;box-shadow:0 14px 28px rgba(213,170,66,.22)}
@media(max-width:1080px){.agent-register-grid{grid-template-columns:1fr}.agent-register-side{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-register-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.agent-register-inner{padding-top:1rem}.agent-register-top{flex-direction:column}.agent-register-profile{width:100%;border-radius:.8rem}.agent-register-stats,.agent-register-plan-grid,.agent-register-side{grid-template-columns:1fr}.agent-register-stats article{min-height:auto}.agent-register-title{gap:.8rem}.agent-register-title h1{font-size:2.45rem}.agent-register-brandmark{width:2.35rem;height:2.35rem}.agent-register-form .grid{grid-template-columns:1fr!important}}
