.navbar{background-color:#fff;justify-content:space-between;align-items:center;padding:14px 30px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000001a}.logo h2{color:#4f46e5}.search-box{flex:1;justify-content:center;display:flex}.search-box input{border:1px solid #ccc;border-radius:20px;outline:none;width:60%;max-width:350px;padding:10px 15px;transition:all .3s}.search-box input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.nav-links{gap:25px;font-weight:5000;list-style:none;display:flex}.nav-links a{color:#333;font-weight:5000;text-decoration:none}.nav-links a:hover{color:#4f46e5}@media (max-width:768px){.search-box{display:none}}.home{background-image:url(/pel.jpg);height:100%;position:relative;overflow:hidden}.top{background-color:#cfd8dc;font-weight:200}.home-container{background-color:linear-gradient(135deg,#0f2027,#203a43,#2c5364);color:#131111;justify-content:space-between;align-items:center;padding:150px;display:flex;position:relative}.home-img img{background-color:#0000;border-radius:30px;width:400%;max-width:480px;height:200%;margin-right:55%}.home-content{color:#000;max-width:600px}.home-content h1{margin-bottom:20px;margin-left:15%;font-size:42px;line-height:1.3}.home-content p{color:#050505;margin-bottom:30px;margin-left:15%;font-size:16px;line-height:1.8}.btn{color:#020617;background:#55d881;border:none;border-radius:15px;margin-left:15%;padding:12px 28px;font-size:16px}.btn:hover{color:#fff;background:#0ea5e9}@media (max-width:900px){.home-container{text-align:center;flex-direction:column}.home-content h1{font-size:34px}.home-img img{max-width:380px}}.ai-container{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:18px;max-width:500px;height:50%;margin:60px auto;padding:28px;font-family:Poppins,sans-serif;box-shadow:0 20px 40px #0006}.ai-title{text-align:center;letter-spacing:.5px;color:#cfd8dc;margin-bottom:22px;font-size:26px;font-weight:600}.ai-response{height:50%;margin-bottom:110%}.footer{color:#3b3e42;background:#e4ecff;padding:60px 20px 20px;font-family:Arial,sans-serif}.footer-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;max-width:1200px;margin:auto;display:grid}.footer-box h2,.footer-box h3{color:#252323;margin-bottom:15px}.footer-box p{font-size:14px;line-height:1.6}.footer-box ul{padding:0;list-style:none}.footer-box ul li{margin-bottom:10px}.footer-box ul li a{color:#1f1f1f;font-size:14px;text-decoration:none}.footer-box ul li a:hover{color:#38bdf8}.social-icons a{color:#2a2a2b;margin-right:10px;font-size:20px;transition:all .3s;display:inline-block}.social-icons a:hover{color:#38bdf8}.footer-bottom{text-align:center;font-size: 14px;border-top:1px solid #334155;margin-top:40px;padding-top:15px}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.heroi{text-align:center;background-color:#dee6f5;max-width:1000px;margin:auto;padding:80px 20px}.heroi span{color:#4f46e5}.home{background-color:#fdfcc3;justify-content:center;align-items:center;gap:40px;padding:50px;display:flex}.home-text{max-width:600px}.home h2{color:#0f172a;margin-bottom:455px;font-size:35px}.home-text p{color:#334155;margin-top:10%;margin-bottom:15px;margin-right:5%;font-size:17px}.btn{border-radius:15px;margin-top:10px;margin-right:5%;padding:10px;font-weight:700}.home img{border-radius:12px;width:260px;height:auto;margin-right:5%;box-shadow:0 4px 20px #0003}.hero-buttons{margin-top:20px}.btn-primary{color:#fff;background:#4f46e5;border-radius:8px;margin-right:10px;padding:12px 20px;text-decoration:none}.skill ul{background-color:#fdfcc3;justify-content:center;align-items:center;margin-left:0;padding:50px;font-weight:600}.skills h2{background-color:#fdfcc3;font-size:x-large;font-weight:900}#contact{text-align:center;background-color:#f5f5f5;padding:40px}#contact a{color:#0077b5;font-weight:500;text-decoration:none}.social-links{margin-top:20px}.social-links img{width:40px;margin:0 10px;transition:transform .2s}.social-links img:hover{transform:scale(1.2)}.projects-section{text-align:center;background-color:#fdfcc3;padding:50px 20px}.projects-section h3{color:#222;margin-bottom:40px;font-size:26px;font-weight:700}.projects-container{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.b{color:#000;background-color:#fff;margin-left:60%;text-decoration:none;list-style:none}.card{background:#fff;border-radius:12px;width:350px;height:320px;padding:20px;font-weight:1000;box-shadow:0 5px 15px #00000026}.card:hover{box-shadow:0 12px 25px #0000004d}.card h3{color:#110e10;margin-bottom:15px;font-size:20px}.card img{width:300px;height:200px;margin-bottom:20px}.ai-container{color:#fff;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);border-radius:18px;max-width:520px;margin:60px auto;padding:28px;font-family:Poppins,sans-serif;box-shadow:0 20px 40px #0006}.ai-title{text-align:center;letter-spacing:.5px;margin-bottom:22px;font-size:26px;font-weight:600}.ai-input-group{gap:12px;margin-bottom:20px;display:flex}.ai-input{color:#fff;background:#ffffff1f;border:none;border-radius:10px;outline:none;flex:1;padding:14px 16px;font-size:15px;transition:all .3s}.ai-input::placeholder{color:#cfd8dc}.ai-input:focus{background:#ffffff2e;box-shadow:0 0 0 2px #00bcd466}.ai-button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#00c6ff,#0072ff);border:none;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:500;transition:all .3s}.ai-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0072ff80}.ai-button:active{transform:scale(.98)}