*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Arial,sans-serif;background:#0f172a;color:#fff;line-height:1.6}.navbar-inner{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:20px;font-weight:600;color:#fff;text-decoration:none}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{text-decoration:none;color:#cbd5f5;font-size:15px;transition:.2s}.section{padding:100px 0}.container{max-width:1100px;margin:auto;padding:0 20px}.section h2{font-size:36px;margin-bottom:40px;text-align:center}.hero{padding-top:140px;text-align:center}.hero h1{font-size:56px;margin-bottom:10px}.hero h2{font-size:28px;color:#60a5fa;margin-bottom:15px}.hero-description{max-width:750px;margin:25px auto;color:#cbd5f5;font-size:17px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.card{background:#111827;padding:25px;border-radius:10px;transition:.3s}.card:hover{transform:translateY(-5px)}.about-content{max-width:750px;margin:auto;line-height:1.8;color:#cbd5f5}.skills-list{line-height:1.9}.architecture-description{max-width:750px;margin:0 auto 40px;text-align:center;color:#cbd5f5}.architecture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.chatbot-box{max-width:700px;margin:auto;display:flex;flex-direction:column;gap:15px}.chat-input{padding:12px;border-radius:6px;border:none;font-size:15px}.chat-button{background:#2563eb;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer}.chat-button:hover{background:#1d4ed8}.chat-response{margin-top:10px;color:#cbd5f5;line-height:1.7}.arch-block h3{margin-bottom:10px;font-size:18px}.arch-block p{color:#cbd5f5;line-height:1.7}.experience-card h3{margin-bottom:6px}.experience-card h4{color:#60a5fa;margin-bottom:10px}.experience-description{margin-top:10px;color:#cbd5f5;line-height:1.7}.footer{background:#020617;padding:40px 0;margin-top:80px;border-top:1px solid #1f2937}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:0 20px}.footer p{color:#94a3b8;font-size:14px}.footer-links{display:flex;gap:20px}.footer-links a{color:#cbd5f5;text-decoration:none;font-size:14px;transition:.2s}.footer-links a:hover{color:#60a5fa}.hero-subtitle{font-size:18px;color:#94a3b8;margin-bottom:15px}.hero-links{display:flex;justify-content:center;gap:20px;margin-top:20px}.hero-links a{background:#2563eb;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none;font-size:14px;transition:.2s}.hero-links a:hover{background:#1d4ed8}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:18px;font-weight:600;color:#fff;text-decoration:none}.nav-links{display:flex;gap:25px;list-style:none}.nav-links a{color:#cbd5f5;text-decoration:none;font-size:14px;transition:.2s}.nav-links a:hover{color:#60a5fa}.project-card h3{margin-bottom:10px}.project-card p{margin-bottom:8px;color:#cbd5f5;line-height:1.7}.skills-list{margin-top:10px;padding-left:18px;color:#cbd5f5;line-height:1.8}.architecture-flow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;margin-top:50px}.architecture-stage{display:flex;align-items:center}.architecture-card{background:#111827;border-radius:12px;padding:22px;width:220px;text-align:center;transition:.3s;position:relative}.architecture-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0006}.architecture-icon{font-size:34px;margin-bottom:10px}.architecture-card h3{margin-bottom:10px;font-size:16px}.architecture-card ul{list-style:none;padding:0;color:#cbd5f5;font-size:14px;line-height:1.6}.flow-line{width:60px;height:3px;background:#60a5fa;margin:0 10px;position:relative}.flow-line:after{content:"";position:absolute;top:-2px;left:0;width:12px;height:12px;background:#60a5fa;border-radius:50%;animation:dataflow 2s linear infinite}@keyframes dataflow{0%{left:0}to{left:100%}}.navbar{box-shadow:0 2px 10px #0000004d}