:root{--bg: #0c0f14;--surface: #141a24;--surface-2: #1c2433;--text: #e8edf5;--muted: #8b9bb8;--accent: #5eead4;--accent-2: #f59e0b;--border: rgba(255, 255, 255, .08);--radius: 14px;font-family:DM Sans,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(94,234,212,.12),transparent),var(--bg)}h1,h2,.brand-serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}a{color:var(--accent)}button{font:inherit;cursor:pointer}.container{width:min(1100px,92vw);margin:0 auto}.btn{border:none;border-radius:999px;padding:.85rem 1.4rem;font-weight:600;transition:transform .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--accent),#2dd4bf);color:#042f2e}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:grid;place-items:center;z-index:50;padding:1rem}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;width:min(420px,100%)}.modal input{width:100%;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);margin:1rem 0}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:2rem}.skill-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.skill-card .tier{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}.skill-card .price{color:var(--muted);font-size:.9rem}.chat-layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;max-width:720px;margin:0 auto;padding:1rem}.chat-messages{overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}.bubble{max-width:85%;padding:.75rem 1rem;border-radius:12px;line-height:1.45}.bubble.user{align-self:flex-end;background:#134e4a}.bubble.assistant{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border)}.chat-input-row{display:flex;gap:.5rem}.chat-input-row input{flex:1;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text)}
