:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--max-width: 800px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.hero{padding:6rem 2rem 4rem;text-align:center}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.hero-subtitle{font-size:1.25rem;color:var(--color-accent);margin-bottom:1rem}.hero-intro{color:var(--color-text-muted);max-width:500px;margin:0 auto 2rem}.hero-links{display:flex;gap:1rem;justify-content:center}.hero-links a{color:var(--color-text);text-decoration:none;padding:.5rem 1.5rem;border:1px solid var(--color-border);border-radius:6px;transition:border-color .2s,background .2s}.hero-links a:hover{border-color:var(--color-accent);background:var(--color-surface)}.about{max-width:var(--max-width);margin:0 auto;padding:4rem 2rem}.about h2{font-size:1.75rem;margin-bottom:1rem}.about p{color:var(--color-text-muted);margin-bottom:2rem}.skills h3{font-size:1.1rem;margin-bottom:.75rem}.skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.skills li{background:var(--color-surface);border:1px solid var(--color-border);padding:.4rem 1rem;border-radius:20px;font-size:.9rem;color:var(--color-text-muted)}.chat-section{max-width:var(--max-width);margin:0 auto;padding:4rem 2rem;width:100%}.chat-section h2{font-size:1.75rem;margin-bottom:.5rem}.chat-description{color:var(--color-text-muted);margin-bottom:1.5rem}.chat-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.chat-messages{padding:1.5rem;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-message p{padding:.75rem 1rem;border-radius:8px;max-width:85%;word-wrap:break-word}.chat-user{align-self:flex-end}.chat-user p{background:var(--color-accent);color:#fff;margin-left:auto}.chat-assistant p{background:var(--color-bg);color:var(--color-text)}.chat-typing{color:var(--color-text-muted);font-style:italic;font-size:.9rem;padding:.5rem 0}.chat-input-area{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);align-items:flex-end}.chat-input-area textarea{flex:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);padding:.75rem;font-family:inherit;font-size:.95rem;resize:none;max-height:120px;line-height:1.4}.chat-input-area textarea:focus{outline:none;border-color:var(--color-accent)}.chat-input-area button{background:var(--color-accent);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;cursor:pointer;transition:background .2s;white-space:nowrap}.chat-input-area button:hover:not(:disabled){background:var(--color-accent-hover)}.chat-input-area button:disabled{opacity:.5;cursor:not-allowed}.footer{margin-top:auto;padding:2rem;text-align:center;color:var(--color-text-muted);font-size:.9rem;border-top:1px solid var(--color-border)}@media(max-width:600px){.hero h1{font-size:1.75rem}.hero-subtitle{font-size:1rem}.chat-messages{max-height:300px}}