:root{--bg:#0b1117;--card:#111b24;--card2:#152230;--text:#f4f7fb;--muted:#9fb0c1;--line:#233547;--brand:#ffcc55;--brand2:#ff8b3d;--danger:#ff5f6d;--ok:#6ee7a8;--shadow:0 18px 60px rgba(0,0,0,.32);--radius:24px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#223348 0,#0b1117 36%,#070b10 100%);color:var(--text)}body{padding-bottom:88px}.appShell{width:min(1180px,100%);margin:auto}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px;background:linear-gradient(180deg,rgba(11,17,23,.96),rgba(11,17,23,.72),rgba(11,17,23,0));backdrop-filter:blur(12px)}.brand{font-size:28px;font-weight:900;letter-spacing:-.04em}.tagline,.muted{color:var(--muted)}.main{padding:12px 18px 24px}.card{background:linear-gradient(180deg,rgba(21,34,48,.96),rgba(17,27,36,.96));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px;margin-bottom:16px}.hero{background:linear-gradient(135deg,rgba(255,204,85,.18),rgba(255,139,61,.08),rgba(21,34,48,.92));overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-70px;top:-80px;width:230px;height:230px;border-radius:50%;background:rgba(255,204,85,.13)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,6vw,72px);line-height:.92;letter-spacing:-.06em;margin-bottom:16px}h2{font-size:26px;letter-spacing:-.04em;margin-bottom:12px}h3{font-size:18px}.eyebrow{color:var(--brand);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.12em;margin-bottom:10px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.tight{gap:12px}label{display:block;color:var(--muted);font-size:13px;font-weight:700;margin:12px 0}label span{font-weight:500;opacity:.75}input,textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:rgba(7,11,16,.72);border-radius:16px;color:var(--text);padding:14px 15px;margin-top:7px;outline:0;font:inherit}textarea{min-height:94px;resize:vertical}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(255,204,85,.12)}button{border:0;border-radius:16px;padding:13px 16px;font-weight:900;font:inherit;cursor:pointer;transition:.18s transform,.18s opacity}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#111;box-shadow:0 10px 30px rgba(255,139,61,.22)}.primary:hover,.ghostBtn:hover,.smallBtn:hover{transform:translateY(-1px)}.ghostBtn{background:rgba(255,255,255,.07);color:var(--text);border:1px solid rgba(255,255,255,.1)}.full{width:100%}.smallBtn{background:#fff;color:#111;border-radius:999px;padding:8px 12px;font-size:13px;margin-left:8px}.bottomNav{position:fixed;z-index:50;left:50%;bottom:14px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:rgba(9,14,20,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 46px rgba(0,0,0,.45);padding:8px;border-radius:24px;backdrop-filter:blur(18px)}.bottomNav button{background:transparent;color:var(--muted);padding:10px 6px;border-radius:16px;font-size:13px}.bottomNav button.active{background:rgba(255,204,85,.16);color:var(--brand)}.notice,.toast{border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.07);margin:0 0 14px;color:var(--text)}.notice.ok,.toast.ok{border-color:rgba(110,231,168,.35);background:rgba(110,231,168,.12)}.notice.warn,.toast.error{border-color:rgba(255,95,109,.4);background:rgba(255,95,109,.12)}.toast{animation:slideIn .2s ease both}.centerCard{max-width:520px;margin:20px auto}.resultBox{margin-top:16px}.loading,.empty{border:1px dashed rgba(255,255,255,.14);border-radius:18px;padding:18px;color:var(--muted);background:rgba(255,255,255,.035)}.errorText{color:#ffb7be}.matchCard{display:flex;gap:16px;align-items:flex-start;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:16px;background:rgba(255,255,255,.045)}.avatar,.bigAvatar{display:grid;place-items:center;flex:0 0 auto;width:76px;height:76px;border-radius:22px;background:rgba(255,204,85,.14);font-size:34px;overflow:hidden}.avatar img,.bigAvatar img,.matchListItem img{width:100%;height:100%;object-fit:cover}.bigAvatar{width:170px;height:170px;margin:auto auto 16px;border-radius:30px}.matchBody{flex:1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps span,.stats span,.pill{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 12px;color:var(--muted);font-size:13px}.requestItem{border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0}.requestItem:last-child{border-bottom:0}.rowBetween{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill.pending{color:#ffdf8b}.pill.accepted{color:var(--ok)}.pill.rejected{color:#ff99a3}.actions{display:flex;gap:10px;flex-wrap:wrap}.switch{display:flex;gap:10px;align-items:center}.switch input{width:auto;margin:0}.profilePreview{text-align:center}.stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0}.chatLayout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.chatAside{padding:14px}.matchListItem{width:100%;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;text-align:left;gap:2px 10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:var(--text);margin:8px 0;border-radius:18px;align-items:center}.matchListItem span{grid-row:1/3;width:44px;height:44px;border-radius:14px;background:rgba(255,204,85,.13);display:grid;place-items:center;overflow:hidden}.matchListItem small{color:var(--muted)}.chatPanel{min-height:620px;display:flex;flex-direction:column}.chatHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;margin-bottom:12px}.chatMessages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;max-height:440px;padding:4px}.bubble{max-width:78%;border-radius:18px;padding:12px 14px;background:rgba(255,255,255,.075)}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,rgba(255,204,85,.95),rgba(255,139,61,.95));color:#111}.bubble.them{align-self:flex-start}.bubble small{display:block;opacity:.65;font-size:11px;margin-top:6px}.phoneHint{font-size:12px;color:var(--muted);background:rgba(255,255,255,.045);border-radius:14px;padding:10px;margin:10px 0}.chatForm{display:grid;grid-template-columns:1fr auto;gap:10px}.chatForm input{margin:0}.premiumNotice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}@keyframes slideIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(max-width:820px){.grid.two,.chatLayout{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}h1{font-size:42px}.card{border-radius:22px;padding:18px}.bottomNav button{font-size:11px}.chatPanel{min-height:520px}.chatAside{max-height:240px;overflow:auto}.matchCard{flex-direction:column}.avatar{width:100%;height:190px;border-radius:20px}}@media(max-width:430px){.topbar{padding-left:12px;padding-right:12px}.main{padding-left:12px;padding-right:12px}.steps{grid-template-columns:1fr}.bottomNav{bottom:8px;width:calc(100% - 12px);border-radius:20px}.bottomNav button{padding:9px 2px}.brand{font-size:24px}body{padding-bottom:82px}}