:root{--bg1:#0b1222;--bg2:#111827;--card:rgba(17,24,39,.94);--card2:rgba(31,41,55,.82);--border:rgba(255,255,255,.12);--text:#f8fafc;--muted:#cbd5e1;--accent:#22c55e;--accentText:#052e16;--info:#334155;--shadow:0 12px 32px rgba(0,0,0,.35);--danger:#f87171}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);color:var(--text)}
.app{width:min(980px,100%);margin:0 auto;padding:max(16px, env(safe-area-inset-top)) 14px max(32px, env(safe-area-inset-bottom))}
.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px;margin-bottom:14px}
h1,h2,p{margin:0}.hero h1{font-size:clamp(34px,6vw,56px);line-height:1.02;margin-bottom:6px}.mini{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}.subtitle{color:var(--muted);font-size:20px;margin-bottom:12px}.subcopy{color:var(--muted);line-height:1.45}.hint-card{display:flex;flex-direction:column;gap:12px}.hint-card h2{font-size:24px}.hint-card p{color:var(--muted);line-height:1.5}.contact-form{display:grid;gap:14px}.form-section{background:var(--card2);border:1px solid var(--border);border-radius:16px;padding:14px}.section-head{margin-bottom:12px}.section-pill{display:inline-block;padding:6px 10px;border-radius:999px;background:#0f172a;border:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-full{grid-column:1 / -1}label{font-weight:700}.req{color:var(--danger)}
input,select,textarea{width:100%;border-radius:14px;border:1px solid var(--border);background:#0f172a;color:var(--text);padding:14px 14px;font-size:16px;min-height:50px}textarea{resize:vertical;min-height:180px}input:focus,select:focus,textarea:focus{outline:none;border-color:rgba(34,197,94,.55);box-shadow:0 0 0 3px rgba(34,197,94,.15)}
.spam-box{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:end}.spam-label{color:var(--muted);font-size:13px;margin-bottom:8px}.spam-question{min-height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.10);color:#fde68a;font-size:28px;font-weight:900;letter-spacing:.02em}.notice{color:var(--muted);margin-bottom:14px}.button-row{display:flex;gap:12px;flex-wrap:wrap}
.open-btn,.secondary-btn{min-height:54px;border-radius:16px;padding:12px 18px;border:1px solid rgba(255,255,255,.12);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;letter-spacing:.01em;cursor:pointer}.open-btn{background:linear-gradient(180deg,#34d399 0%, var(--accent) 100%);color:var(--accentText);box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 8px 18px rgba(34,197,94,.22)}.open-btn[disabled]{opacity:.7;cursor:wait}.secondary-btn{background:#334155;color:var(--text)}
.form-message{margin-top:14px;border-radius:14px;padding:12px 14px;font-weight:700}.form-message.success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28);color:#bbf7d0}.form-message.error{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.28);color:#fecaca}.hidden{display:none!important}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
@media (max-width:760px){.form-grid{grid-template-columns:1fr}.spam-box{grid-template-columns:1fr}.button-row>*{flex:1}}
body.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}
.modal-card{width:min(520px,100%);background:linear-gradient(180deg,rgba(17,24,39,.98) 0%,rgba(31,41,55,.98) 100%);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.45);padding:24px 20px;text-align:center}
.modal-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:900;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.35);color:#86efac}
.modal-card h2{font-size:30px;line-height:1.08;margin-bottom:12px}
.modal-card p{color:var(--muted);font-size:18px;line-height:1.5}
.modal-actions{display:flex;justify-content:center;margin-top:22px}
.modal-actions .open-btn{min-width:180px}
@media (max-width:760px){.modal-card{padding:22px 16px}.modal-card h2{font-size:26px}.modal-card p{font-size:17px}.modal-actions .open-btn{width:100%}}