@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg: #0f172a;--bg-card: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--primary: #818cf8;--accent: #c084fc}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}nav{padding:24px 0;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:1.5rem;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{padding:80px 0;text-align:center}.badge{display:inline-flex;align-items:center;gap:8px;background:#818cf81a;color:var(--primary);padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:24px;border:1px solid rgba(129,140,248,.2)}.pulse{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 #10b98166;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}h1{font-size:3.5rem;line-height:1.1;font-weight:800;margin-bottom:24px}.gradient-text{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-desc{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto 48px;line-height:1.6}.terminal-window{background:#0f172a;border:1px solid #334155;border-radius:12px;max-width:600px;margin:0 auto;box-shadow:0 20px 50px #00000080;text-align:left;overflow:hidden}.terminal-header{background:#1e293b;padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #334155}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#10b981}.title{margin-left:auto;margin-right:auto;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-muted)}.terminal-body{padding:24px;font-family:JetBrains Mono,monospace;font-size:.95rem}.prompt{color:#10b981;margin-right:8px}.cmd{color:#f8fafc}.output{color:var(--text-muted);margin-top:4px}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.features{padding:80px 0}.section-title{text-align:center;font-size:2rem;margin-bottom:48px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{background:var(--bg-card);padding:32px;border-radius:16px;border:1px solid #334155;transition:border-color .3s}.feature-card:hover{border-color:var(--primary)}.portfolio{padding:80px 0}.project-card{background:var(--bg-card);padding:24px;border-radius:16px;border:1px solid #334155;text-decoration:none;color:inherit;display:flex;align-items:center;gap:20px;transition:all .3s}.project-card:hover{border-color:var(--accent);background:#252f45}.project-emoji{font-size:2.5rem;background:#ffffff0d;width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center}.project-info{flex:1}.project-info h3{margin:0 0 8px;font-size:1.2rem;color:var(--text)}.project-info p{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.5}.project-arrow{color:var(--accent);font-weight:700;opacity:0;transform:translate(-10px);transition:all .3s}.project-card:hover .project-arrow{opacity:1;transform:translate(0)}.icon-wrapper{width:48px;height:48px;background:#818cf81a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:20px}.feature-card h3{margin:0 0 12px;font-size:1.25rem}.feature-card p{margin:0;color:var(--text-muted);line-height:1.6}.about{padding:40px 0 80px}.about-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:24px;padding:48px;display:flex;align-items:center;gap:48px;border:1px solid #334155}.about-content{flex:1}.about-content h2{font-size:2rem;margin-bottom:16px}.about-content p{font-size:1.1rem;color:var(--text-muted);line-height:1.7;margin-bottom:16px}.about-visual{flex:0 0 200px;display:flex;justify-content:center}.floating-icon{color:var(--accent);animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}footer{text-align:center;padding:40px 0;border-top:1px solid #1e293b;color:var(--text-muted)}.status{font-size:.85rem;margin-top:8px;opacity:.7}@media (max-width: 768px){h1{font-size:2.5rem}.about-card{flex-direction:column;text-align:center}.about-visual{display:none}}