*{box-sizing:border-box} :root{--yellow:#ffc21b;--dark:#18202d;--line:#dfe3e9;--green:#13bd49}body{margin:0;background:#fff;color:#111827;font-family:Arial,Helvetica,sans-serif;font-size:16px}.topbar{height:96px;border-bottom:1px solid #e7e9ed;display:flex;align-items:center;padding:0 24px;gap:25px;background:#fff;position:sticky;top:0;z-index:1000}.brand{width:410px;min-width:260px;height:78px;position:relative;display:flex;align-items:center;text-decoration:none;color:#161d29}.brand-arrows{color:#f5b900;font-size:39px;font-weight:900;letter-spacing:-15px;margin-right:5px;transform:scaleX(1.25)}.hunt{font-size:57px;letter-spacing:-4px;font-weight:300}.brand-arrow{width:60px;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:64px solid #f7b900;margin-left:4px}.live{position:absolute;left:247px;top:53px;font-size:24px;font-weight:800;font-style:italic;letter-spacing:-2px}.live-dot{display:inline-block;width:13px;height:13px;background:#10bd49;border-radius:50%;margin-left:7px}.main-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.nav-link{color:#151b29;text-decoration:none;font-weight:600;padding:15px 17px;border-radius:30px;white-space:nowrap}.nav-link span{font-size:23px;margin-right:8px;vertical-align:-2px}.nav-link.active{background:var(--yellow);color:#090909}.top-actions{display:flex;align-items:center;gap:12px}.pill,.profile-pill,.bell{border:1px solid var(--line);background:white;border-radius:28px;height:51px;padding:0 17px;font-size:16px;color:#18202d;white-space:nowrap}.bell{width:54px;font-size:23px;position:relative}.bell i{position:absolute;right:0;top:-4px;background:#ed1d24;color:white;border-radius:50%;font-style:normal;font-size:12px;padding:4px 7px}.profile-pill{display:flex;align-items:center;gap:9px}.profile-avatar{background:#b58b61;color:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-weight:bold}.mobile-menu{display:none}.app-shell{display:grid;grid-template-columns:225px minmax(0,1fr);gap:14px;padding:0 18px 20px 14px}.sidebar{padding-top:16px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-item{height:55px;display:flex;align-items:center;gap:17px;padding:0 10px;border-radius:12px;text-decoration:none;color:#202a3a;font-size:17px}.side-item span{font-size:27px;width:26px;text-align:center}.side-item.selected{background:linear-gradient(100deg,#ffdf5c,#ffdc50);font-weight:700;color:#080808}.side-item em{background:#e92125;color:white;font-size:13px;font-style:normal;border-radius:20px;padding:4px 8px;margin-left:0}.provider-promo{border:1px solid #d9dde3;border-radius:13px;margin-top:54px;padding:19px 12px 14px;min-height:197px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000c;background:#fff}.provider-promo strong{font-size:18px;line-height:1.2}.provider-promo p{font-size:15px;line-height:1.4;margin:8px 0 20px}.worker-art{font-size:66px;align-self:flex-end;margin:0 -12px -10px -4px}.yellow-btn{background:linear-gradient(100deg,#ffc21b,#ffb91a);border:0;border-radius:28px;padding:14px 23px;font-weight:700;color:#050505;cursor:pointer;box-shadow:0 2px 5px #00000012}.yellow-btn.small{font-size:13px;padding:12px 14px;white-space:nowrap}.main-content{min-width:0}.hero{height:195px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,#08100d 0%,#17251b 35%,#b8d5e9 65%,#e9f3fb 100%);position:relative;color:white;display:flex;align-items:center;padding:28px;background-image:linear-gradient(90deg,#07110d 0%,#0d1a12 31%,#173123aa 44%,#0000 75%),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1800&q=85');background-size:cover;background-position:center 48%}.hero-copy{position:relative;z-index:1}.hero h1{font-size:43px;line-height:1.14;margin:0 0 10px;letter-spacing:-1.5px}.hero h1 span{color:#ffca19}.hero p{font-size:19px;font-weight:600;margin:0}.hero-slogan{position:absolute;right:3%;top:38px;color:#07111e;font-family:cursive;font-size:25px;font-weight:bold;font-style:italic;transform:rotate(-5deg);text-shadow:0 1px white}.hero-slogan span{display:block;width:160px;border-bottom:6px solid #ffc400;transform:rotate(-7deg);margin:7px auto}.search-row{display:flex;gap:12px;margin:14px 15px 18px;align-items:center}.location-box{height:52px;min-width:225px;border:1px solid var(--line);border-radius:30px;background:white;display:flex;align-items:center;gap:13px;padding:5px 13px;text-align:left;box-shadow:0 2px 5px #0000000b}.pin{font-size:22px;color:#ffb900}.location-box b{font-size:14px}.location-box small{font-size:14px;color:#202b3c}.chevron{margin-left:auto;font-size:22px}.search-box{height:52px;border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;flex:1;padding:0 5px 0 18px;min-width:150px}.search-box input{border:0;outline:0;font-size:17px;flex:1;min-width:30px;color:#293448}.search-icon{display:inline-block;width:19px;height:19px;border:3px solid #111827;border-radius:50%;position:relative;margin-right:17px;flex-shrink:0}.search-icon:after{content:"";position:absolute;width:9px;height:3px;background:#111827;right:-7px;bottom:-4px;transform:rotate(48deg)}.search-icon.dark{margin-right:12px}.find-btn{height:48px;white-space:nowrap;padding:0 23px;font-size:16px}.refresh-btn{height:52px;border:1px solid var(--line);background:#fff;border-radius:30px;padding:0 22px;font-size:18px;white-space:nowrap;box-shadow:0 2px 5px #0000000b}.categories{display:grid;grid-template-columns:repeat(11,minmax(72px,1fr));gap:7px;margin:0 0 19px;padding:0 15px}.category{height:89px;border:1px solid #d9dee6;background:#fff;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#111827;font-size:14px;line-height:1.15;text-align:center;cursor:pointer;min-width:0}.category span{font-size:25px;line-height:1.05}.category.active{background:#ffdc4b;border:3px solid #ffe98e;box-shadow:0 0 0 2px #ffdf4d}.category.active span{font-size:28px;color:#050505}.category b{font-size:14px}.map-and-providers{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(350px,.9fr);gap:10px;margin:0 0 20px 15px}.map-card,.providers-card{height:408px;border:1px solid #d7dce3;border-radius:14px;overflow:hidden;position:relative;background:white;box-shadow:0 1px 3px #0000000a}.map-toolbar{position:absolute;z-index:500;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:none}.map-toolbar>*{pointer-events:auto}.map-switch{background:white;border-radius:10px;box-shadow:0 1px 5px #0002;overflow:hidden;display:flex}.map-switch button{border:0;background:white;padding:11px 17px;font-size:16px}.map-switch button.on{font-weight:bold}.map-toolbar select{margin-left:auto;border:0;border-radius:24px;background:white;padding:12px 17px;font-weight:bold;font-size:16px;box-shadow:0 1px 5px #0002}.locate-btn{height:43px;width:43px;border:0;border-radius:12px;background:white;font-size:27px;box-shadow:0 1px 5px #0002}#map{height:100%;width:100%;background:#e7eddf}.map-legend{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);z-index:500;display:flex;gap:17px;padding:8px 15px;border-radius:25px;background:#ffffffed;box-shadow:0 1px 4px #0002;font-size:13px;white-space:nowrap}.map-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px}.green{background:#11b83f}.grey{background:#9299a3}.red{background:#ed252b}.providers-card{padding:13px 14px}.providers-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.providers-heading h2{font-size:20px;margin:0;letter-spacing:-.7px}.providers-heading a{color:#0872f9;text-decoration:none;font-weight:600;white-space:nowrap}.provider{height:120px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:13px;padding:8px 0}.provider:last-child{border-bottom:0}.avatar{width:82px;height:82px;flex:0 0 82px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:bold;color:white;position:relative;border:4px solid #f1f3f6;background:linear-gradient(145deg,#172c48,#d39b69)}.av2{background:linear-gradient(145deg,#152b50,#a7c0db)}.av3{background:linear-gradient(145deg,#9a6d3b,#172d3d)}.avatar>span{position:absolute;width:14px;height:14px;border-radius:50%;background:#0dbd42;right:0;bottom:6px;border:2px solid white}.avatar small{position:absolute;bottom:-9px;left:-2px;background:#baf5c5;color:#087b25;border-radius:15px;padding:3px 12px;font-size:12px;font-weight:bold}.provider-info{min-width:0;flex:1}.provider-info b{font-size:16px;white-space:nowrap}.provider-info b i{display:inline-grid;place-items:center;background:#0878ed;color:white;border-radius:50%;font-size:10px;width:15px;height:15px;font-style:normal}.provider-info p{margin:6px 0;font-size:15px;white-space:nowrap}.rating{color:#ffb400;font-size:19px}.rating strong{font-size:15px;color:#ffad00}.rating small{color:#263144;font-size:13px}.provider-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.provider-actions label{background:#d5f9d8;color:#087d22;border-radius:20px;padding:8px 10px;font-weight:bold;white-space:nowrap;font-size:14px}.provider-actions button{border:0;background:#0878f9;color:white;border-radius:22px;padding:9px 19px;font-size:15px;cursor:pointer}.benefits{min-height:70px;margin:0 0 0 0;background:#fff3c8;border-radius:17px;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:10px 16px}.benefits div{display:flex;align-items:center;gap:13px;font-weight:600;white-space:nowrap}.benefits div span{font-size:30px;color:#f6aa00}.explore{font-size:16px;padding:16px 28px;white-space:nowrap}footer{text-align:center;color:#89909b;font-size:12px;padding:18px}
@media(max-width:1250px){.brand{width:300px;min-width:230px}.hunt{font-size:47px}.brand-arrow{width:40px;border-left-width:48px}.live{left:203px;top:52px}.main-nav{gap:0}.nav-link{padding:13px 10px}.categories{grid-template-columns:repeat(6,1fr)}.category{height:78px}.map-and-providers{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr)}.benefits{flex-wrap:wrap}.explore{padding:12px 20px}}
@media(max-width:900px){.topbar{height:78px;padding:0 13px;gap:10px}.brand{width:210px;min-width:190px}.hunt{font-size:40px}.brand-arrows{font-size:28px}.brand-arrow{border-top-width:10px;border-bottom-width:10px;border-left-width:35px;width:30px}.live{left:165px;top:48px;font-size:19px}.main-nav{display:none}.top-actions{margin-left:auto}.language span,.profile-pill b{display:none}.profile-pill{padding:5px}.mobile-menu{display:block;border:0;background:white;font-size:24px}.app-shell{grid-template-columns:1fr;padding:0 10px}.sidebar{display:none}.sidebar.open{display:block}.side-nav{display:grid;grid-template-columns:repeat(2,1fr)}.provider-promo{display:none}.hero{height:185px}.hero h1{font-size:34px}.hero p{font-size:15px;max-width:440px}.hero-slogan{display:none}.search-row{margin:12px 0;flex-wrap:wrap}.location-box{min-width:180px}.search-box{order:3;flex-basis:100%}.categories{padding:0;grid-template-columns:repeat(4,1fr)}.map-and-providers{margin:0;grid-template-columns:1fr}.map-card{height:390px}.providers-card{height:auto}.benefits{margin-top:14px}.benefits div{font-size:14px}.explore{width:100%}}
@media(max-width:520px){.topbar{padding:0 8px}.brand{min-width:170px;width:170px}.hunt{font-size:34px;letter-spacing:-3px}.brand-arrows{font-size:23px}.brand-arrow{border-left-width:28px;border-top-width:8px;border-bottom-width:8px;width:22px}.live{left:137px;top:46px;font-size:16px}.live-dot{width:9px;height:9px}.top-actions{gap:5px}.bell{width:40px;height:42px;padding:0}.language{height:42px;padding:0 9px}.profile-pill{height:42px}.profile-avatar{width:30px;height:30px}.hero{height:170px;padding:17px}.hero h1{font-size:28px}.hero p{font-size:13px}.location-box{flex:1}.refresh-btn{padding:0 13px}.refresh-btn span{display:none}.find-btn{font-size:13px;padding:0 13px}.search-box input{font-size:14px}.categories{grid-template-columns:repeat(3,1fr);gap:6px}.category{height:76px;font-size:12px}.category span{font-size:22px}.map-card{height:340px}.providers-card{padding:10px}.providers-heading h2{font-size:17px}.provider{gap:8px}.avatar{width:65px;height:65px;flex-basis:65px}.provider-info b{font-size:14px}.provider-info p{font-size:13px}.rating small{font-size:11px}.provider-actions label{font-size:12px;padding:7px}.provider-actions button{padding:8px 13px}.benefits{justify-content:flex-start}.benefits div{width:45%}}


/* Compact layout refinements and fixed vector brand mark */
body{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.35}
.topbar{height:82px;padding:0 clamp(14px,2vw,30px);gap:14px;max-width:1800px;margin:0 auto}
.brand{display:block;width:310px;min-width:250px;height:78px;flex:0 0 310px}
.brand img{display:block;width:100%;height:100%;object-fit:contain}
.main-nav{gap:3px}.nav-link{font-size:15px;padding:12px 13px}.nav-link span{font-size:20px;margin-right:6px}
.top-actions{gap:8px}.pill,.profile-pill,.bell{height:45px;font-size:14px;padding-left:13px;padding-right:13px}.profile-avatar{width:33px;height:33px}
.app-shell{max-width:1800px;margin:0 auto;grid-template-columns:210px minmax(0,1fr);gap:12px;padding:0 14px 18px}
.sidebar{padding-top:14px}.side-item{height:49px;font-size:15px;gap:14px}.side-item span{font-size:23px}
.provider-promo{margin-top:40px;min-height:175px;padding:15px 10px}.provider-promo strong{font-size:16px}.provider-promo p{font-size:13px;margin:7px 0 15px}.worker-art{font-size:56px}
.hero{height:174px;padding:25px}.hero h1{font-size:38px;line-height:1.12;margin-bottom:8px}.hero p{font-size:16px}.hero-slogan{font-size:22px;top:34px}
.search-row{margin:12px 12px 15px;gap:9px}.location-box,.search-box,.refresh-btn{height:48px}.location-box{min-width:205px}.location-box b,.location-box small{font-size:13px}
.search-box input{font-size:15px}.find-btn{height:44px;font-size:14px;padding:0 18px}.refresh-btn{font-size:16px;padding:0 18px}
.categories{padding:0 12px;gap:6px;margin-bottom:15px}.category{height:78px;font-size:12px;border-radius:11px}.category span{font-size:22px}.category b{font-size:12px}
.map-and-providers{margin-left:12px;gap:9px;grid-template-columns:minmax(0,1.7fr) minmax(330px,.9fr)}
.map-card,.providers-card{height:370px}.providers-card{padding:11px 12px}.providers-heading h2{font-size:18px}.providers-heading a{font-size:14px}
.provider{height:108px;gap:10px;padding:6px 0}.avatar{width:70px;height:70px;flex-basis:70px;font-size:19px}
.provider-info b{font-size:14px}.provider-info p{font-size:13px;margin:4px 0}.rating{font-size:17px}.rating strong{font-size:13px}.rating small{font-size:12px}
.provider-actions{gap:9px}.provider-actions label{font-size:12px;padding:7px 9px}.provider-actions button{font-size:13px;padding:8px 16px}
.benefits{min-height:62px;padding:8px 13px}.benefits div{font-size:14px;gap:9px}.benefits div span{font-size:25px}.explore{font-size:14px;padding:13px 21px}
@media(min-width:1801px){.topbar,.app-shell{max-width:1680px}}
@media(max-width:1250px){.topbar{height:76px}.brand{width:250px;min-width:220px;flex-basis:250px}.main-nav .nav-link{padding:10px 8px;font-size:13px}.app-shell{grid-template-columns:190px minmax(0,1fr)}.map-and-providers{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr)}}
@media(max-width:900px){.topbar{height:72px}.brand{width:210px;min-width:190px;flex-basis:210px}.app-shell{padding:0 10px;grid-template-columns:1fr}.hero{height:160px}.hero h1{font-size:32px}.map-card{height:350px}}
@media(max-width:520px){.brand{width:170px;min-width:160px;flex-basis:170px;height:65px}.topbar{height:68px}.hero{height:150px}.hero h1{font-size:26px}.map-card{height:320px}}

/* Exact approved HUNTlive cover image cropped from the supplied reference */
.hero{
  background-image:url('assets/huntlive-hero.jpg') !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.hero-copy,.hero-slogan{display:none !important}
@media(max-width:700px){
  .hero{background-size:auto 100% !important;background-position:center center !important}
}

/* PHP app pages */
.auth-wrap{max-width:520px;margin:45px auto;padding:28px;border:1px solid #e0e4ea;border-radius:16px;background:#fff;box-shadow:0 5px 24px #17202d0d}
.auth-wrap h1{margin-top:0}.field{display:flex;flex-direction:column;gap:6px;margin:13px 0}.field label{font-weight:600;font-size:14px}.field input,.field select,.field textarea{padding:12px;border:1px solid #ccd3dd;border-radius:9px;font:inherit;width:100%}
.btn{display:inline-block;background:#ffc21b;color:#111;border:0;border-radius:24px;padding:11px 20px;font-weight:700;text-decoration:none;cursor:pointer}
.btn.secondary{background:#eef1f5}.btn.blue{background:#0878f9;color:#fff}.panel{background:#fff;border:1px solid #dfe3e9;border-radius:13px;padding:18px;margin:14px 0}
.notice{padding:12px 15px;border-radius:9px;background:#fff4ce;margin:12px 0}.success{background:#e4f8e9}.error{background:#ffe8e8}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #e7eaf0;font-size:14px}th{background:#f7f8fa}
.page-content{padding:20px 4px}.page-content h1{font-size:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.stat{border:1px solid #e0e4ea;border-radius:13px;padding:16px;background:#fff}.stat strong{font-size:25px;display:block}.topbar .brand{flex:0 0 250px;width:250px;min-width:220px}.topbar .brand img{width:100%;height:100%;object-fit:contain}
.chat-box{height:340px;overflow:auto;background:#f7f8fa;border:1px solid #e1e5eb;border-radius:12px;padding:12px}.message{max-width:78%;padding:10px 13px;border-radius:12px;background:#fff;margin:8px 0}.message.mine{background:#fff0b9;margin-left:auto}
@media(max-width:650px){.form-grid{grid-template-columns:1fr}.auth-wrap{margin:18px 8px;padding:18px}.topbar .brand{flex-basis:175px;width:175px;min-width:165px}}
.logo-live-dot {
    animation: huntliveBlink 1.2s infinite ease-in-out;
    transform-origin: center;
}

@keyframes huntliveBlink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.25;
        transform: scale(0.85);
    }
}