.navbar{align-items:center;background-color:#111;box-shadow:0 2px 10px #000000b3;box-sizing:border-box;display:flex;justify-content:space-between;padding:12px 40px;position:fixed;top:0;width:100%;z-index:200}.logo img{height:50px}.nav-tabs{gap:20px;list-style:none;margin:0;padding:0}.nav-item,.nav-tabs{align-items:center;display:flex}.nav-item a{border-radius:6px;color:#ccc;font-family:Inter,sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;padding:8px 14px;text-decoration:none;transition:background .2s ease,color .2s ease;white-space:nowrap}.nav-item a:hover{background-color:#4da3ff1a;color:#4da3ff}.nav-item a:active{background-color:#4da3ff;color:#0d0d0d}@media (max-width:768px){.navbar{flex-direction:column;gap:12px;padding:12px 15px}.logo img{height:42px}.nav-tabs{flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.nav-item a{font-size:13px;letter-spacing:.5px;padding:6px 10px}}body{background:#0d0d0d;color:#eaeaea;font-family:Inter,sans-serif;margin:0;scroll-behavior:smooth}.section{margin:auto;max-width:1100px;padding:60px 40px}.section h2{color:#4da3ff;font-size:28px;margin-bottom:20px}.hero{align-items:center;display:flex;padding-bottom:40px;padding-top:180px}.container{display:flex;gap:40px}.left{flex:1 1}.tag{color:#4da3ff;font-size:14px;letter-spacing:2px;margin-bottom:10px}h1{font-size:48px;margin:10px 0 20px}h1 span{color:#4da3ff}.description{color:#b5b5b5;font-size:18px;line-height:1.6;margin-bottom:25px}.buttons{display:flex;gap:15px}.btn{border-radius:6px;font-size:14px;padding:12px 20px;text-decoration:none;transition:.3s}.primary{background:#4da3ff;color:#000}.primary:hover{background:#2d8cff}.secondary{border:1px solid #4da3ff;color:#4da3ff}.secondary:hover{background:#4da3ff;color:#000}#skills{margin-top:0}.grid{display:flex;flex-wrap:wrap;gap:15px}.skill-box{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;font-size:14px;padding:12px}.cards{margin-top:20px}.card{background:#111;border:1px solid #222;border-radius:10px;flex:1 1;min-width:250px;padding:20px}.card h3{margin-bottom:10px}.card p{margin-bottom:10px}.card li,.card p{color:#bbb;font-size:14px}.card li{margin-bottom:6px}.glow{box-shadow:0 0 15px #4da3ff33}.glow-hover:hover{box-shadow:0 0 20px #4da3ff66;transform:translateY(-5px)}.right{width:300px}#contact a{color:#eaeaea;text-decoration:none;transition:.3s}#contact a:hover{color:#4da3ff;text-decoration:underline}.project-card{cursor:pointer}.project-modal-overlay{align-items:center;background:#000000e0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:999}.project-modal{background:#111;border:1px solid #2a2a2a;border-radius:12px;box-shadow:0 0 20px #4da3ff33;max-height:90vh;max-width:1000px;overflow-y:auto;padding:30px;position:relative;width:100%}.project-modal h2{color:#4da3ff;font-size:34px;margin-bottom:15px}.project-full-text{color:#ccc;font-size:16px;line-height:1.8;margin-bottom:20px}.project-bullets{margin-bottom:30px;padding-left:20px}.project-bullets li{color:#bbb;font-size:16px;line-height:1.6;margin-bottom:12px}.project-images{display:flex;flex-direction:column;gap:25px;margin-top:20px}.project-images img{border:1px solid #222;border-radius:12px;box-shadow:0 0 14px #00000059;cursor:zoom-in;display:block;margin:0 auto;max-width:950px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-images img:hover{box-shadow:0 0 20px #4da3ff33;transform:scale(1.01)}.close-modal{background:#0000;border:none;color:#eaeaea;cursor:pointer;font-size:30px;position:absolute;right:16px;top:12px}.close-modal:hover{color:#4da3ff}.image-lightbox-overlay{background:#000000f2;box-sizing:border-box;height:100%;left:0;padding:30px;position:fixed;top:0;width:100%;z-index:1000}.image-lightbox,.image-lightbox-overlay{align-items:center;display:flex;justify-content:center}.image-lightbox{max-height:95vh;max-width:95vw;position:relative}.image-lightbox img{border:1px solid #222;border-radius:12px;box-shadow:0 0 25px #4da3ff26;height:auto;max-height:92vh;max-width:95vw;width:auto}.close-lightbox{background:#111;border:1px solid #2a2a2a;border-radius:50%;color:#eaeaea;cursor:pointer;font-size:28px;height:42px;line-height:1;position:absolute;right:-12px;top:-12px;transition:.3s;width:42px;z-index:1001}.close-lightbox:hover{border-color:#4da3ff;box-shadow:0 0 12px #4da3ff40;color:#4da3ff}.arrow{align-items:center;background:#111111e6;border:1px solid #2a2a2a;border-radius:50%;color:#4da3ff;cursor:pointer;display:flex;font-size:42px;height:58px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:58px;z-index:1001}.arrow:hover{background:#4da3ff;box-shadow:0 0 15px #4da3ff59;color:#0d0d0d}.arrow.left{left:-85px}.arrow.right{right:-85px}.project-modal::-webkit-scrollbar{width:10px}.project-modal::-webkit-scrollbar-track{background:#0d0d0d;border-radius:10px}.project-modal::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.project-modal::-webkit-scrollbar-thumb:hover{background:#4da3ff}@media (max-width:900px){.container{flex-direction:column}.right{width:100%}.section{padding:50px 20px}.hero{padding-top:140px}h1{font-size:38px}.project-modal{padding:22px}.project-modal h2{font-size:28px}.project-bullets li,.project-full-text{font-size:15px}.arrow{font-size:28px;height:45px;width:45px}.arrow.left{left:10px}.arrow.right{right:10px}.close-lightbox{right:10px;top:10px}}.lightbox-image-wrapper{align-items:center;display:flex;flex-direction:column}.image-caption{color:#ccc;font-size:14px;line-height:1.6;margin-top:15px;max-width:900px;text-align:center}
/*# sourceMappingURL=main.3988aaa7.css.map*/