/* Cocos Holding — светлая, бледная тема. Чёрный текст, жёлтый акцент бренда. */
:root{--bg:#f5f3ec;--surface:#fffefa;--ink:#17171a;--mut:#6d6a60;--line:#e4e0d2;--y:#ffd400;--r:16px;--sh:0 1px 2px rgba(0,0,0,.04),0 10px 30px rgba(40,34,10,.07)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.holding{margin:0;background:var(--bg) radial-gradient(circle at 85% -10%,rgba(255,212,0,.16),transparent 40%) fixed;color:var(--ink);font:16px/1.65 Inter,system-ui,"Segoe UI",Arial,sans-serif;min-height:100vh}
.holding a{color:var(--ink);text-decoration:none}
.holding .wrap,.container{max-width:1100px;margin:0 auto;padding:28px 20px 60px}

/* шапка */
.header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:8px 0 4px}
.logo-mark{width:56px;height:56px;border-radius:16px;background:var(--ink);color:var(--y);display:grid;place-items:center;font-weight:800;font-size:26px;box-shadow:var(--sh)}
.title h1{margin:0;font-size:24px;line-height:1.1}
.title p{margin:4px 0 0;color:var(--mut);font-size:14px}
.nav{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nav a{padding:9px 16px;border-radius:999px;font-weight:600;font-size:14px;transition:.18s}
.nav a:hover{background:#ebe7d8}

/* секции */
.hero,.section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.hero{margin-top:24px;padding:clamp(24px,5vw,52px)}
.hero h1,.hero h2{font-size:clamp(26px,4vw,42px);line-height:1.12;margin:0 0 14px;max-width:760px}
.lead{color:var(--mut);font-size:17px;max-width:680px}
.section{margin-top:24px;padding:clamp(20px,3vw,32px)}
.section h3{margin:0 0 4px;font-size:22px}
.section>p{color:var(--mut);margin:0 0 6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px}
.card{padding:20px;border-radius:14px;background:var(--bg);border:1px solid var(--line);transition:transform .18s,box-shadow .18s,border-color .18s}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh);border-color:#cfc9b3}
.card h4{margin:0 0 6px;font-size:18px}
.card p{margin:6px 0 0;color:var(--mut);font-size:15px}
.card a{font-weight:700}
.card a:hover{text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:3px;text-underline-offset:3px}
.card.gaming{background:#0e0e0f;border:2px solid var(--y);color:var(--y)}
.card.gaming p{color:#e9e3c4}
.card.gaming h4 a,.holding .card.gaming a{color:var(--y)}

/* кнопки */
.btn,.btn-ghost,.btn-gaming{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.btn,.holding a.btn{background:var(--ink);color:#fff;border:2px solid var(--ink)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn-ghost:hover,.holding a.btn-ghost:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}
.btn-gaming,.holding a.btn-gaming{background:#0e0e0f;color:var(--y);border:2px solid var(--y);font-weight:800}
.btn-gaming:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,212,0,.35)}
.btn[disabled]{opacity:.6;cursor:wait}
.holding :focus-visible{outline:3px solid var(--y);outline-offset:2px}
.back{display:inline-block;margin-bottom:8px;color:var(--mut);font-weight:600;transition:color .15s,transform .15s}
.back:hover{color:var(--ink);transform:translateX(-3px)}

/* формы */
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;transition:border-color .15s,box-shadow .15s}
.input:focus,textarea:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,212,0,.35)}
textarea{min-height:120px;resize:vertical}
.file-btn{display:inline-block;padding:10px 16px;border-radius:10px;border:2px dashed #b9b29a;cursor:pointer;font-weight:600}
.file-btn:hover{border-color:var(--ink);background:#fff}
.footer{margin-top:40px;color:var(--mut);text-align:center;font-size:14px}

/* модалка сотрудников */
.staff-wrap{text-align:center;margin:24px 0 8px}
.staff-btn{background:transparent;color:var(--mut);border:1px dashed #b9b29a}
.staff-btn:hover{color:var(--ink);box-shadow:none}
#staffModal{display:none;position:fixed;inset:0;background:rgba(20,18,8,.55);backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:9999;padding:16px}
#staffModal .box{background:var(--surface);padding:26px;border-radius:18px;width:min(380px,100%);box-shadow:0 24px 60px rgba(0,0,0,.35)}
#staffModal h3{margin:0 0 6px}#staffModal p{margin:0 0 12px;color:var(--mut)}
#staffModal .input{margin-bottom:14px}
#staffModal .acts{display:flex;justify-content:flex-end;gap:8px}

@media(max-width:700px){.form-row{grid-template-columns:1fr}.nav{margin-left:0}}