:root{--bg: #f4f5f7;--card: #ffffff;--text: #1c2430;--muted: #6b7688;--border: #e6e8ee;--brand: #4a90e2;--brand-2: #5b8def;--radius: 16px;--shadow: 0 2px 10px rgba(20, 30, 50, .08);--maxw: 560px}@media (prefers-color-scheme: dark){:root{--bg: #0f141b;--card: #171e28;--text: #eef2f7;--muted: #97a3b4;--border: #26303c;--shadow: 0 2px 14px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.state{min-height:100dvh;display:grid;place-items:center;padding:24px}.state-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 28px;text-align:center;max-width:420px}.state-emoji{font-size:40px}.state-title{margin:12px 0 6px;font-size:22px}.state-msg{margin:0 0 18px;color:var(--muted);line-height:1.5}.state-link{display:inline-block;text-decoration:none;color:#fff;background:var(--brand);padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px}.spinner{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{min-height:100dvh;background:var(--bg);display:flex;justify-content:center;padding:20px 14px 44px}.card-wrap{width:100%;max-width:600px}.cover{position:relative;width:100%}.cover-img,.cover-fallback{width:100%;height:clamp(140px,42vw,220px);border-radius:10px;display:block;object-fit:cover}.cover-fallback{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%)}.avatar{position:absolute;left:16px;bottom:-40px;width:112px;height:112px;border-radius:50%;overflow:hidden;border:4px solid var(--card);background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:40px;font-weight:700;color:var(--brand)}.content{padding:0 16px}.identity{padding-top:52px;text-align:left}.name{margin:0;font-size:22px;font-weight:700}.bio{margin:6px 0 0;color:var(--muted);line-height:1.5}.contacts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.contact-btn{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:var(--card);border:1px solid var(--border);text-decoration:none;box-shadow:var(--shadow);transition:transform .12s ease}.contact-btn:hover{transform:translateY(-2px)}.links-grid{margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.link-tile{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow);text-decoration:none;color:var(--text);transition:transform .12s ease,box-shadow .12s ease}.link-tile:hover{transform:translateY(-3px);box-shadow:0 8px 22px #141e3226}.tile-media{width:100%;aspect-ratio:16 / 10;background:var(--bg);overflow:hidden}.tile-media img{width:100%;height:100%;object-fit:cover;display:block}.tile-media--empty{width:100%;height:100%;display:grid;place-items:center;font-size:30px;background:linear-gradient(135deg,#4a90e229,#5b8def29)}.tile-name{padding:10px 12px;font-weight:600;font-size:14px;text-align:center;line-height:1.35}.muted{color:var(--muted);grid-column:1 / -1}.form-page{min-height:100dvh;padding:28px 16px 48px;display:flex;justify-content:center}.form-shell{width:100%;max-width:var(--maxw)}.form-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:14px}.form-image{width:100%;max-height:200px;object-fit:cover;display:block}.form-header-body{padding:18px 18px 20px}.form-title{margin:0;font-size:23px}.form-desc{margin:8px 0 0;color:var(--muted);line-height:1.5}.fields{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;scroll-margin-top:16px;background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:14px 16px}.field--error{border-color:#e5484d8c}.field-label{font-weight:600;font-size:14px}.req{color:#e5484d}.field-hint{margin:0;font-size:13px;color:var(--muted)}.field-error-msg{color:#e5484d;font-size:13px;margin-top:2px}.input--error{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d24}.input--error:focus{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d38}.input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:15px;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4a90e22e}textarea.input{resize:vertical}.choices{display:flex;flex-direction:column;gap:8px}.choice{display:flex;align-items:center;gap:9px;font-size:15px;cursor:pointer}.choice input{width:17px;height:17px;accent-color:var(--brand)}.phone-row{display:flex;gap:8px}.phone-code{max-width:110px;flex:0 0 auto}.unsupported{padding:10px 12px;border:1px dashed var(--border);border-radius:10px;color:var(--muted);font-size:14px}.form-error{margin-top:16px;padding:10px 12px;border-radius:10px;background:#e5484d1f;color:#e5484d;font-size:14px}.submit-btn{margin-top:20px;width:100%;padding:13px;border:none;border-radius:12px;background:var(--brand);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:filter .12s ease,transform .12s ease}.submit-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.submit-btn:disabled{opacity:.65;cursor:default}.foot{margin-top:22px;text-align:center}.foot a{color:var(--muted);text-decoration:none;font-size:13px}.foot a:hover{color:var(--brand)}