:root{--navy: #244562;--ice: #d8edff;--bg: #ffffff;--bg2: #edf4fb;--text: #16324b;--hint: #5d7488;--link: #244562;--button: #244562;--button-text: #ffffff;--accent: #244562;--accent-soft: #d8edff;--destructive: #d14343;--line: color-mix(in srgb, var(--navy) 12%, transparent);--shadow: 0 1px 2px rgba(36, 69, 98, .05), 0 6px 20px rgba(36, 69, 98, .06);--radius: 14px}:root.dark{--bg: #152838;--bg2: #0d1b26;--text: #e9f2fa;--hint: #8ca5ba;--link: #a9cff0;--button: #d8edff;--button-text: #16324b;--accent: #d8edff;--accent-soft: rgba(216, 237, 255, .14);--destructive: #ff7a7a;--line: rgba(216, 237, 255, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 6px 20px rgba(0, 0, 0, .25)}*{box-sizing:border-box}body{margin:0;background:var(--bg2);color:var(--text);font:500 15.5px/1.5 Manrope,-apple-system,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.page{padding:18px 16px 100px;max-width:640px;margin:0 auto}.page h1{font-size:25px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px;text-wrap:balance}.page .sub{color:var(--hint);font-size:14px;margin:0 0 18px}.section-title{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--hint);margin:22px 0 10px}.card{background:var(--bg);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow);padding:15px 16px;margin-bottom:12px}.card h3{margin:0 0 8px;font-size:16.5px;font-weight:800;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.card .row{display:flex;justify-content:space-between;gap:12px;margin:5px 0;font-size:14px}.card .row .k{color:var(--hint);flex-shrink:0}.card .row .v{text-align:right;overflow-wrap:anywhere}.card.tap{cursor:pointer;transition:transform .08s ease,opacity .08s ease}.card.tap:active{transform:scale(.985);opacity:.85}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{font-size:12.5px;font-weight:600;color:var(--hint);background:var(--bg2);border-radius:999px;padding:4px 10px;white-space:nowrap}.chip.value{color:var(--accent);background:var(--accent-soft);font-weight:700}:root.dark .chip.value{color:var(--ice)}.badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--bg2);color:var(--hint)}.badge.ok{color:#2e9e5b;background:#2e9e5b21}.badge.warn{color:#c7830a;background:#c7830a21}.badge.bad{color:var(--destructive);background:#d143431c}:root.dark .badge.ok{color:#6fd49a}:root.dark .badge.warn{color:#e8b45c}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:700;color:var(--hint);margin:0 2px 6px}.field input,.field textarea,.field select,.socials-grid input{width:100%;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);padding:12px 14px;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .12s ease}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--hint) 50%),linear-gradient(135deg,var(--hint) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:38px}.field select:invalid,.field select option[value=""]{color:var(--hint)}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.socials-grid input:focus{outline:none;border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder,.socials-grid input::placeholder{color:color-mix(in srgb,var(--hint) 65%,transparent)}.socials-grid{display:grid;gap:8px}.btn{display:block;width:100%;border:none;border-radius:12px;background:var(--button);color:var(--button-text);font:700 16px/1 inherit;padding:15px;cursor:pointer;margin-top:8px;transition:transform .08s ease,opacity .08s ease}.btn.secondary{background:var(--accent-soft);color:var(--accent);box-shadow:none}.btn:disabled{opacity:.5}.btn:active{transform:scale(.985);opacity:.9}.filters{display:flex;gap:8px;margin-bottom:14px}.filters input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);padding:10px 16px;font-size:14px;transition:border-color .12s ease}.filters input:focus{outline:none;border-color:var(--accent)}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{flex:1;text-align:center;padding:8px 0 7px;color:var(--hint);text-decoration:none;font-size:11px;font-weight:700;transition:color .12s ease}.tabbar a.active{color:var(--accent)}.tabbar a .ico{display:block;height:26px}.tabbar a .ico svg{width:24px;height:24px;vertical-align:top}.socials-row{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px}.socials-row a,.socials-row span{font-size:13.5px;overflow-wrap:anywhere}.socials-row a{color:var(--link);font-weight:600;text-decoration:none}.socials-row a:active{opacity:.7}.skeleton{pointer-events:none}.skeleton .sk-line{height:13px;border-radius:7px;margin:9px 0;background:linear-gradient(90deg,var(--bg2) 25%,color-mix(in srgb,var(--hint) 14%,var(--bg2)) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton .sk-line.w60{width:60%}.skeleton .sk-line.w40{width:40%}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton .sk-line{animation:none}.card.tap,.btn{transition:none}}.empty{text-align:center;color:var(--hint);padding:44px 24px}.empty .emoji{display:block;font-size:40px;margin-bottom:10px}.error{color:var(--destructive);font-size:14px;margin:8px 2px}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72vh;text-align:center;padding:24px}.center .emoji{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--accent-soft);font-size:44px;margin-bottom:16px}.center h1{font-size:22px;font-weight:800;margin:0 0 6px}.center .btn{max-width:320px}.spin{display:grid;place-items:center;min-height:80vh;color:var(--hint);font-weight:600}.welcome{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg2)}.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:64px 24px 56px;background:linear-gradient(160deg,#1b3850,#244562 55%,#2c5479);color:#fff;border-radius:0 0 28px 28px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cg fill='%23ffffff' fill-opacity='.05'%3E%3Cpath transform='translate(30,18) scale(0.2)' d='M214.986 123.772L299 40.6096H221.53L176.913 85.4744V0H123.087V85.4744L78.5 40.711H1L85.0014 123.772H0V177.922H114.403L149.994 142.958L185.597 177.922H300V123.772H214.986Z'/%3E%3Cpath transform='translate(150,93) scale(0.2)' d='M214.986 123.772L299 40.6096H221.53L176.913 85.4744V0H123.087V85.4744L78.5 40.711H1L85.0014 123.772H0V177.922H114.403L149.994 142.958L185.597 177.922H300V123.772H214.986Z'/%3E%3C/g%3E%3C/svg%3E");background-size:240px 150px}.hero-logo{position:relative;width:min(58vw,250px);color:#fff}.hero-tagline{position:relative;margin:0;text-align:center;color:var(--ice);font-size:14.5px;font-weight:600;line-height:1.5;max-width:300px}.welcome-body{flex:1;padding:24px 16px calc(24px + env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto}.welcome-body .lead{color:var(--hint);font-size:14px;font-weight:600;text-align:center;margin:0 0 14px}.role-card{display:flex;align-items:center;gap:14px;width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:12px;font:inherit;color:var(--text);text-align:left;cursor:pointer;transition:transform .08s ease,opacity .08s ease}.role-card:active{transform:scale(.985);opacity:.9}.role-card .role-ico{flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.role-card .role-ico svg{width:24px;height:24px}.role-card b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}.role-card small{display:block;color:var(--hint);font-size:13px;margin-top:2px}.role-card .chev{margin-left:auto;color:var(--hint);flex-shrink:0}