*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #6366f1;--accent-hover: #4f46e5;--border: #2a2a2a;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer}body.theme-dark{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-card: #1a1a1a}body.theme-navy{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-card: #21262d}body.theme-slate{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #334155}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-logo{font-size:1.3rem;font-weight:700;color:var(--accent)}.navbar-links{display:flex;gap:2rem}.navbar-links a{color:var(--text-secondary);font-size:.95rem}.navbar-links a:hover{color:var(--text-primary)}.theme-switcher{display:flex;gap:.5rem}.theme-switcher button{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:.3rem .8rem;border-radius:20px;font-size:.8rem}.theme-switcher button:hover{border-color:var(--accent);color:var(--accent)}.nav-scroll-btn{background:none;border:1px solid var(--accent);color:var(--accent);font-size:.95rem;cursor:pointer;padding:.4rem 1rem;border-radius:6px}.nav-scroll-btn:hover{background-color:var(--accent);color:#fff}.nav-link-btn{background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;padding:8px 12px;transition:all .3s ease}.nav-link-btn:hover{opacity:.8;transform:translateY(-2px)}.navbar-logo{cursor:pointer;transition:all .3s ease}.navbar-logo:hover{opacity:.8;transform:scale(1.05)}.theme-btn{padding:5px 10px;margin:0 2px;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .3s ease}.theme-btn.active{border-color:#fff;font-weight:700;transform:scale(1.05)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem;min-height:60vh}.hero-greeting{color:var(--accent);font-size:1.1rem;margin-bottom:.5rem}.hero-name{font-size:3.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.hero-role{font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin-bottom:1.5rem}.hero-bio{font-size:1rem;color:var(--text-secondary);max-width:500px;margin-bottom:2rem}.hero-btn{background-color:var(--accent);color:#fff;padding:.8rem 2rem;border-radius:6px;font-size:1rem;font-weight:600}.hero-btn:hover{background-color:var(--accent-hover);color:#fff}.about{padding:4rem 2rem;max-width:700px;margin:0 auto;text-align:center}.section-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.about-text{color:var(--text-secondary);font-size:1rem;line-height:1.8}.skills{padding:4rem 2rem;max-width:700px;margin:0 auto;text-align:center}.skills-grid{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.skill-tag{background-color:var(--bg-card);color:var(--accent);border:1px solid var(--border);padding:.4rem 1rem;border-radius:20px;font-size:.9rem}.projects{padding:4rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-content:center}.project-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:2rem;text-align:left}.project-name{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.8rem}.project-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-btns{display:flex;gap:1rem}.btn-outline{border:1px solid var(--accent);color:var(--accent);padding:.5rem 1.2rem;border-radius:6px;font-size:.9rem}.btn-outline:hover{background-color:var(--accent);color:#fff}.btn-filled{background-color:var(--accent);color:#fff;padding:.5rem 1.2rem;border-radius:6px;font-size:.9rem}.btn-filled:hover{background-color:var(--accent-hover);color:#fff}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.badge{font-size:.75rem;padding:.2rem .7rem;border-radius:20px;white-space:nowrap}.badge.done{background-color:#14532d;color:#22c55e}.badge.progress{background-color:#1e3a5f;color:#60a5fa}.badge.soon{background-color:#1a1a1a;color:#a0a0a0;border:1px solid #2a2a2a}.btn-disabled{border:1px solid var(--border);color:var(--text-secondary);padding:.5rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:not-allowed;opacity:.5}.contact{padding:4rem 2rem;max-width:600px;margin:0 auto;text-align:center}.contact-text{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.contact-btns{display:flex;gap:1rem;justify-content:center}.footer{padding:2rem;text-align:center;border-top:1px solid var(--border);margin-top:4rem}.footer-text{color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.footer-name{color:var(--accent)}.footer-quote{color:var(--border);font-size:.8rem;font-style:italic}.project-banner{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:4rem 2rem;text-align:center}.banner-tag{color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.banner-title{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:1rem 0}.banner-sub{color:var(--text-secondary);font-size:1rem;max-width:600px;margin:0 auto 2rem;line-height:1.7}.banner-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2rem}.bstat span{font-size:1.8rem;font-weight:800;color:var(--accent);display:block}.bstat p{color:var(--text-secondary);font-size:.85rem;margin-top:.2rem}.banner-btn{background-color:var(--accent);color:#fff;padding:.7rem 2rem;border-radius:6px;font-size:.95rem;font-weight:600}.banner-btn:hover{background-color:var(--accent-hover);color:#fff}.section-wrap{padding:4rem 2rem;max-width:1000px;margin:0 auto;border-bottom:1px solid var(--border)}.section-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.sub-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:2rem 0 1rem}.section-desc{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}.data-table{width:100%;border-collapse:collapse;margin-bottom:2rem}.data-table th{background-color:var(--bg-card);color:var(--accent);padding:.8rem 1rem;text-align:left;font-size:.85rem;border-bottom:1px solid var(--border)}.data-table td{padding:.75rem 1rem;color:var(--text-secondary);border-bottom:1px solid var(--border);font-size:.9rem}.data-table tr:hover td{background-color:var(--bg-card);color:var(--text-primary)}.green{color:var(--success)}.red{color:var(--danger)}.orange{color:var(--warning)}.best-row td{color:var(--accent);font-weight:600}.sql-card{margin-bottom:2rem}.sql-block{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.2rem;color:var(--accent);font-size:.85rem;overflow-x:auto;line-height:1.7}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.info-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.2rem;color:var(--text-secondary);font-size:.9rem;line-height:1.6}.info-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.chart-box{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.github-link-btn{display:inline-block;margin-top:1.5rem;border:1px solid var(--accent);color:var(--accent);padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem}.github-link-btn:hover{background-color:var(--accent);color:#fff}.predictor-form{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1.5rem}.pred-field{display:flex;flex-direction:column;gap:.4rem}.pred-field label{color:var(--text-secondary);font-size:.85rem}.pred-field input{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:.5rem .8rem;border-radius:6px;font-size:.9rem;width:160px}.pred-field input:focus{outline:none;border-color:var(--accent)}.pred-btn{background-color:var(--accent);color:#fff;border:none;padding:.55rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600}.pred-btn:hover{background-color:var(--accent-hover)}.pred-result{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.2rem 1.5rem;margin-bottom:1.5rem;font-size:1rem;line-height:2}.pred-result .green{color:var(--success);font-weight:700}.pred-result .red{color:var(--danger);font-weight:700}.pred-result .orange{color:var(--warning);font-weight:700}.coming-soon-btn{display:inline-block;margin-top:1rem;border:1px dashed var(--border);color:var(--text-secondary);padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;cursor:not-allowed;opacity:.6}.project-navbar{display:flex;gap:.5rem;padding:.8rem 2rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:60px;z-index:99;overflow-x:auto;justify-content:center}.pnav-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:.4rem 1rem;border-radius:20px;font-size:.85rem;white-space:nowrap;cursor:pointer}.pnav-btn:hover{border-color:var(--accent);color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;width:90%;max-width:480px;text-align:center}.modal-avatar{font-size:3rem;margin-bottom:1rem}.modal-ai-text{color:var(--text-primary);font-size:1.1rem;min-height:60px;line-height:1.7;margin-bottom:1.5rem}.cursor{animation:blink 1s infinite;color:var(--accent)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.modal-input-row{display:flex;gap:.5rem}.modal-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.7rem 1rem;color:var(--text-primary);font-size:1rem;outline:none}.modal-input:focus{border-color:var(--accent)}.voice-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.7rem;cursor:pointer;font-size:1.1rem;transition:all .2s}.voice-btn.listening{border-color:#ef4444;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-submit{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.7rem 1.2rem;cursor:pointer;font-size:1.1rem}.modal-submit:hover{background:var(--accent-hover)}.modal-choices{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.choice-btn{padding:.8rem 1.5rem;border-radius:10px;border:none;font-size:1rem;cursor:pointer;font-weight:600;transition:all .2s}.choice-btn.recruiter{background:var(--accent);color:#fff}.choice-btn.recruiter:hover{background:var(--accent-hover)}.choice-btn.explorer{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.choice-btn.explorer:hover{border-color:var(--accent)}.ai-assistant{position:fixed;bottom:2rem;right:2rem;z-index:1000}.ai-toggle{background:var(--bg-card);border:1px solid var(--accent);color:var(--text-primary);padding:.7rem 1.2rem;border-radius:25px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 0 12px #6366f14d}.ai-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}.ai-panel{position:absolute;bottom:3.5rem;right:0;width:320px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0006}.ai-panel-header{background:var(--accent);color:#fff;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;font-weight:600}.ai-panel-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem}.ai-messages{height:220px;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.8rem}.ai-msg{padding:.6rem .9rem;border-radius:10px;font-size:.88rem;max-width:85%;line-height:1.5}.ai-msg.ai{background:var(--bg-secondary);color:var(--text-primary);align-self:flex-start}.ai-msg.user{background:var(--accent);color:#fff;align-self:flex-end}.ai-input-row{display:flex;border-top:1px solid var(--border)}.ai-input-row input{flex:1;background:var(--bg-secondary);border:none;padding:.8rem 1rem;color:var(--text-primary);font-size:.9rem;outline:none}.ai-input-row button{background:var(--accent);color:#fff;border:none;padding:.8rem 1.2rem;cursor:pointer;font-size:1rem}