:root {
    --go-red: #D22730;
    --go-green: #00AF66;
    --go-white: #FFFFFF;
    --go-dark: #111314;
    --go-ink: #202124;
    --go-soft: #f7f8f7;
    --go-line: #dfe5e2;
}

body { color: var(--go-ink); background: #f4f6f5; font-family: Arial, Helvetica, sans-serif; }
a { color: var(--go-red); text-decoration: none; }
.topbar { position: relative; overflow: hidden; background: #111314; color: #fff; padding: 18px 0; border-bottom: 5px solid var(--go-green); }
.topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: linear-gradient(90deg, var(--go-red) 0 50%, var(--go-green) 50% 100%); }
.topbar .container { position: relative; z-index: 1; }
.brand { color: #fff; font-weight: 800; letter-spacing: .2px; }
.brand span { color: var(--go-green); }
.brand-logo { display: inline-flex; align-items: center; padding-left: 0; }
.brand-logo img { width: 350px; max-width: min(58vw, 350px); height: auto; display: block; filter: drop-shadow(0 12px 22px rgba(0,0,0,.45)); }
.small-link, .button-link { color: #fff; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); border-radius: 4px; padding: 6px 9px; font-weight: 700; }
.small-link:hover, .button-link:hover { background: var(--go-green); color: #fff; }
.hero-band { position: relative; overflow: hidden; background: radial-gradient(circle at 78% 12%, rgba(0,175,102,.18), transparent 30%), linear-gradient(145deg, #111314 0 54%, #f4f6f5 54% 100%); padding: 58px 0 42px; border-bottom: 1px solid var(--go-line); }
.hero-band::after { content: ""; position: absolute; inset: auto 0 0 0; height: 6px; background: linear-gradient(90deg, var(--go-red), var(--go-green)); }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 34px; align-items: center; padding-left: 0; }
.hero-grid h1 { color: #fff; font-size: clamp(2rem, 5vw, 4.45rem); line-height: 1; margin: 10px 0 16px; font-weight: 900; max-width: 780px; }
.hero-grid p { color: rgba(255,255,255,.92); font-size: 1.2rem; max-width: 660px; }
.trust-mark { display: inline-block; color: #fff; background: var(--go-red); text-transform: uppercase; font-size: .78rem; font-weight: 900; letter-spacing: .08em; padding: 7px 10px; border-left: 5px solid var(--go-green); }
.search-panel, .filter-bar { display: grid; grid-template-columns: 1fr 220px auto; gap: 10px; margin-top: 26px; }
.search-panel { background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.18); padding: 12px; border-radius: 8px; }
.btn-go { background: var(--go-red); border-color: var(--go-red); color: #fff; font-weight: 800; }
.btn-go:hover { background: var(--go-green); border-color: var(--go-green); color: #fff; }
.action-tabs, .contact-box, .auth-card, .wide-form { background: rgba(255,255,255,.86); border: 1px solid rgba(255,255,255,.72); border-radius: 20px; padding: 22px; box-shadow: 0 22px 55px rgba(0,0,0,.16); }
.glass-tabs { backdrop-filter: blur(18px) saturate(150%); -webkit-backdrop-filter: blur(18px) saturate(150%); }
.glass-segment { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; background: rgba(255,255,255,.48); border: 1px solid rgba(255,255,255,.74); border-radius: 18px; padding: 5px; box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 12px 30px rgba(17,19,20,.08); }
.glass-segment .nav-item { width: 100%; }
.glass-segment .nav-link { width: 100%; color: var(--go-ink); font-weight: 900; border-radius: 14px; padding: 11px 12px; border: 1px solid transparent; }
.glass-segment .nav-link.active { color: #fff; background: linear-gradient(135deg, rgba(210,39,48,.94), rgba(0,175,102,.94)); border-color: rgba(255,255,255,.45); box-shadow: 0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28); }
.nav-pills .nav-link { color: var(--go-ink); font-weight: 800; }
.nav-pills .nav-link.active { background: var(--go-green); }
.glass-segment.nav-pills .nav-link.active { background: linear-gradient(135deg, rgba(210,39,48,.94), rgba(0,175,102,.94)); }
.section { padding: 36px 0; }
.section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.section-head h2 { font-weight: 900; }
.section-head a { font-weight: 800; }
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; }
.category-tile { border: 1px solid rgba(255,255,255,.72); border-radius: 18px; padding: 16px; color: var(--go-ink); background: rgba(255,255,255,.82); font-weight: 900; box-shadow: 0 12px 30px rgba(17,19,20,.07); }
.category-tile:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(17,19,20,.12); }
.trust-strip { background: #111314; color: #fff; padding: 20px 0; border-top: 5px solid var(--go-red); }
.trust-strip strong { color: var(--go-green); margin-left: 18px; }
.result-list { display: grid; gap: 12px; margin-top: 20px; }
.master-row, .job-row { display: grid; grid-template-columns: 64px 1fr; gap: 16px; border: 1px solid var(--go-line); border-radius: 8px; padding: 18px; background: #fff; }
.avatar { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(135deg, var(--go-red), var(--go-green)); color: #fff; font-size: 1.6rem; font-weight: 800; }
.badge-verified { background: var(--go-green); color: #fff; }
.rating { margin-left: 8px; color: var(--go-red); font-weight: 700; }
.profile-hero { background: #111314; color: #fff; padding: 44px 0; border-bottom: 5px solid var(--go-green); }
.profile-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; }
.details { display: grid; grid-template-columns: 160px 1fr; gap: 8px 14px; }
.review { border-top: 1px solid var(--go-line); padding: 14px 0; }
.auth-wrap { min-height: 70vh; display: grid; place-items: center; background: var(--go-soft); padding: 30px; }
.auth-card { width: min(420px, 100%); display: grid; gap: 14px; }
.wide-form { display: grid; gap: 14px; }
.category-checks { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 8px; }
.site-footer { border-top: 5px solid var(--go-green); padding: 24px 0; color: #fff; background: #111314; }
.admin-body { background: var(--go-soft); }
.admin-shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.admin-side { background: #111314; padding: 20px; display: flex; flex-direction: column; gap: 8px; border-right: 5px solid var(--go-green); }
.admin-side a { color: #fff; padding: 9px 10px; border-radius: 6px; }
.admin-side a:hover { background: rgba(255,255,255,.08); }
.admin-main { padding: 26px; }
.mobile-tabbar { display: none; }
.admin-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; margin: 18px 0 28px; }
.admin-card { background: #fff; border: 1px solid var(--go-line); border-left: 5px solid var(--go-green); border-radius: 8px; padding: 18px; }
.admin-card strong { display: block; font-size: 2rem; }
.admin-form { background: #fff; border: 1px solid var(--go-line); border-radius: 8px; padding: 16px; display: grid; gap: 10px; margin-bottom: 18px; }
.check { display: flex; align-items: center; gap: 8px; }
.category-tile-visual { position: relative; display: grid; gap: 10px; padding: 12px; overflow: hidden; min-height: 188px; border-left: 0; isolation: isolate; }
.category-tile-visual::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(255,255,255,.62)); }
.category-tile-visual::after { content: ""; position: absolute; inset: auto 12px 12px 12px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--go-red), var(--go-green)); }
.category-tile-visual .category-name { align-self: end; position: relative; z-index: 2; padding: 0 2px 16px; font-size: 1.03rem; }
.category-media { position: relative; display: block; min-height: 124px; background-size: 108%; background-position: center 46%; border: 1px solid rgba(17,19,20,.06); border-radius: 14px; overflow: hidden; filter: saturate(.9); opacity: .92; }
.category-media::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17,19,20,.05), rgba(244,246,245,.55)); backdrop-filter: blur(.2px); }
.avatar-photo { overflow: hidden; background: #111314; }
.avatar-photo img, .profile-photo img, .admin-avatar, .admin-thumb { width: 100%; height: 100%; object-fit: cover; display: block; }
.avatar-photo span { display: grid; place-items: center; width: 100%; height: 100%; }
.badge-verified { display: inline-flex; align-items: center; gap: 5px; }
.badge-verified img { width: 24px; height: 24px; border-radius: 50%; background: #111314; object-fit: cover; }
.profile-hero-grid { display: flex; align-items: center; gap: 22px; }
.profile-photo { width: 116px; height: 116px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 22px; overflow: hidden; background: linear-gradient(135deg, var(--go-red), var(--go-green)); color: #fff; font-size: 2.6rem; font-weight: 900; box-shadow: 0 18px 42px rgba(0,0,0,.28); }
.admin-thumb { width: 118px; height: 76px; border-radius: 8px; border: 1px solid var(--go-line); background: #fff; }
.admin-avatar { width: 54px; height: 54px; border-radius: 12px; border: 1px solid var(--go-line); background: #111314; color: #fff; display: grid; place-items: center; font-weight: 900; }
.admin-avatar-empty { background: linear-gradient(135deg, var(--go-red), var(--go-green)); }
.admin-inline-grid, .admin-master-form { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: 8px; min-width: min(760px, 100%); }
.admin-master-form textarea, .admin-inline-grid textarea { grid-column: 1 / -1; min-height: 72px; }
.admin-master-form button, .admin-inline-grid button { justify-self: start; }

@media (max-width: 760px) {
    body { background: #f4f6f5; padding-bottom: 74px; }
    .topbar { position: sticky; top: 0; z-index: 50; padding: 10px 0 12px; border-bottom: 3px solid var(--go-green); box-shadow: 0 8px 22px rgba(0,0,0,.18); }
    .topbar .container { flex-direction: row; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
    .brand-logo img { width: 210px; max-width: 58vw; }
    .topbar .d-flex { gap: 5px !important; flex-wrap: nowrap; }
    .small-link, .button-link { border: 0; background: rgba(255,255,255,.1); border-radius: 999px; padding: 6px 8px; font-size: .78rem; line-height: 1; }
    .hero-band { padding: 20px 0 18px; background: linear-gradient(180deg, #111314 0%, #191d1c 100%); border-bottom: 0; }
    .hero-grid { display: block; padding-left: 0; }
    .trust-mark { border-left: 0; border-radius: 999px; padding: 6px 10px; font-size: .68rem; background: linear-gradient(90deg, var(--go-red), var(--go-green)); }
    .hero-grid h1 { font-size: 2.15rem; letter-spacing: 0; margin: 14px 0 10px; }
    .hero-grid p { font-size: 1rem; margin-bottom: 14px; }
    .search-panel { grid-template-columns: 1fr; margin-top: 14px; padding: 10px; border-radius: 18px; background: #fff; border: 0; box-shadow: 0 14px 34px rgba(0,0,0,.28); }
    .search-panel .form-control, .search-panel .form-select { height: 48px; border-radius: 14px; border-color: #e3e7e5; font-size: 1rem; }
    .search-panel .btn-go { height: 50px; border-radius: 14px; font-size: 1rem; }
    .action-tabs { margin-top: 16px; border-radius: 18px; padding: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.14); }
    .nav-pills { display: grid; grid-template-columns: 1fr 1fr; background: #eef2f0; border-radius: 14px; padding: 4px; }
    .nav-pills .nav-item { width: 100%; }
    .nav-pills .nav-link { width: 100%; border-radius: 11px; padding: 9px 8px; font-size: .92rem; }
    .tab-content h2 { font-size: 1.25rem; }
    .tab-content p { color: #3f4643; font-size: .95rem; }
    .tab-content .btn { width: 100%; border-radius: 13px; margin-top: 8px; }
    .section { padding: 20px 12px; }
    .section-head h2 { font-size: 1.25rem; margin: 0; }
    .category-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .category-tile { min-height: 64px; display: flex; align-items: center; border-left: 0; border-radius: 16px; padding: 13px; font-size: .95rem; box-shadow: 0 6px 16px rgba(0,0,0,.06); }
    .category-tile-visual { display: grid; align-items: stretch; padding: 0; min-height: 0; }
    .category-tile-visual > span:last-child { padding: 0 10px 12px; }
    .category-media { min-height: 88px; border-bottom-width: 4px; }
    .trust-strip { margin: 0 12px 18px; border-radius: 18px; border-top: 0; padding: 16px; }
    .trust-strip .container { display: grid; gap: 8px; }
    .trust-strip strong { margin-left: 0; }
    .filter-bar { grid-template-columns: 1fr; background: #fff; padding: 12px; border-radius: 18px; box-shadow: 0 8px 22px rgba(0,0,0,.08); }
    .master-row, .job-row { grid-template-columns: 48px 1fr; border-radius: 18px; padding: 14px; box-shadow: 0 8px 20px rgba(0,0,0,.06); }
    .avatar { width: 48px; height: 48px; border-radius: 14px; }
    .profile-hero-grid { gap: 14px; }
    .profile-photo { width: 78px; height: 78px; border-radius: 18px; font-size: 2rem; }
    .auth-wrap { display: block; min-height: auto; padding: 18px 12px; }
    .auth-card, .wide-form, .contact-box { border-radius: 18px; box-shadow: 0 8px 24px rgba(0,0,0,.1); }
    .site-footer { display: none; }
    .mobile-tabbar { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 60; display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(17,19,20,.96); border: 1px solid rgba(255,255,255,.12); border-bottom: 4px solid var(--go-green); border-radius: 20px; box-shadow: 0 12px 34px rgba(0,0,0,.32); overflow: hidden; }
    .mobile-tabbar a { color: #fff; display: grid; place-items: center; gap: 2px; padding: 9px 4px 7px; font-size: .72rem; font-weight: 800; }
    .mobile-tabbar span { font-size: 1.05rem; line-height: 1; color: var(--go-green); }
}