:root{--bg:#fafafa;--bg-elevated:#fff;--text:#0a0a0a;--text-secondary:#737373;--text-tertiary:#a3a3a3;--accent:#06f;--accent-light:#e6f0ff;--border:#e5e5e5;--border-hover:#d4d4d4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Monaco","Consolas",monospace;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--ease:cubic-bezier(.4,0,.2,1);--duration:.2s}@media (prefers-color-scheme:dark){:root{--bg:#0a0a0a;--bg-elevated:#141414;--text:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--accent:#3385ff;--accent-light:#1a2d4d;--border:#262626;--border-hover:#404040;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}.container{max-width:1200px;padding:0 var(--space-6);margin:0 auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:var(--text);font-weight:600;line-height:1.2}.navbar{z-index:100;background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;height:64px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--space-3);letter-spacing:-.02em;color:var(--text);font-size:17px;font-weight:600;text-decoration:none;display:flex}.logo-mark{background:var(--accent);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.search-form{gap:var(--space-2);flex:1;max-width:560px;display:flex}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)var(--space-4);color:var(--text);transition:border-color var(--duration)var(--ease),box-shadow var(--duration)var(--ease);outline:none;flex:1;font-size:14px}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)var(--space-4);color:var(--text);cursor:pointer;outline:none;min-width:70px;font-size:14px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);padding:var(--space-3)var(--space-5);cursor:pointer;transition:all var(--duration)var(--ease);border:none;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#0052cc;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-elevated)}.hero{padding:var(--space-16)0 var(--space-12);border-bottom:1px solid var(--border)}.hero h1{margin-bottom:var(--space-4);max-width:600px;font-size:clamp(32px,5vw,48px);font-weight:700}.hero p{color:var(--text-secondary);max-width:520px;font-size:17px;line-height:1.7}.accent-text{color:var(--accent)}.main{padding:var(--space-10)0;flex:1}.jobs-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.jobs-count{color:var(--text-secondary);font-size:14px}.jobs-count strong{color:var(--text);font-weight:600}.jobs-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.job-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5);transition:all var(--duration)var(--ease);cursor:pointer;text-decoration:none;display:block}.job-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.job-title{color:var(--text);margin-bottom:var(--space-2);font-size:15px;font-weight:600;line-height:1.4}.job-company{color:var(--text-secondary);margin-bottom:var(--space-3);font-size:14px}.job-meta{align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:13px;display:flex}.job-location{align-items:center;gap:var(--space-1);display:flex}.job-domain{color:var(--accent);font-weight:500}.empty-state{text-align:center;padding:var(--space-16)var(--space-6);background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-lg);grid-column:1/-1}.empty-icon{margin-bottom:var(--space-4);opacity:.6;font-size:40px}.empty-state h3{margin-bottom:var(--space-2);font-size:18px}.empty-state p{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:14px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:var(--border);border-radius:var(--radius);animation:2s ease-in-out infinite pulse}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);border-radius:100px;font-size:12px;font-weight:500;display:inline-flex}.badge-live{color:#16a34a}.badge-live:before{content:"";background:#16a34a;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.footer{border-top:1px solid var(--border);padding:var(--space-8)0;background:var(--bg)}.footer-content{color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.footer-brand{color:var(--text);font-weight:600}.status-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}@media (max-width:768px){.container{padding:0 var(--space-4)}.navbar{height:56px}.hero{padding:var(--space-10)0 var(--space-8)}.hero h1{font-size:28px}.jobs-grid{gap:var(--space-3);grid-template-columns:1fr}.search-form{flex-direction:column}}