@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Urbanist:wght@400;700&display=swap";.navbar-wrapper{position:fixed;top:40px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;border-radius:50px;background:linear-gradient(90deg,#424242b3,#a8a8a8,#424242b3);padding:2px;box-shadow:0 10px 25px #0006;z-index:1000}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#181818;border-radius:50px;padding:10px 25px}.logo{width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem;color:#333;border-radius:16px;border:1px solid #fff;background:linear-gradient(127deg,#fff 9.14%,#999 135.93%);box-shadow:0 2px 8.8px #c9c9c940}.social-icons{display:flex;gap:20px}.social-icons a{color:#fff;font-size:1.5rem;transition:transform .2s,color .2s}.social-icons a:hover{transform:scale(1.2);color:#999}@media (max-width: 600px){.navbar{flex-direction:row;gap:10px;padding:10px 15px}.social-icons{gap:15px}.navbar-wrapper{top:25px;width:85%;border-radius:40px}}@media (max-width: 400px){.navbar-wrapper{width:80%}.social-icons a{font-size:1.3rem}.logo{width:35px;height:35px;font-size:.9rem}}.IntroName{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100vh;border-radius:18px;margin:40px auto;padding:2rem;width:85%;max-width:1000px;color:#fff;font-family:Urbanist,sans-serif;transition:all .4s ease}.IntroName h1{font-size:4rem;font-weight:700;color:#fff;margin:0;line-height:1.1}.IntroName p{font-size:1.8rem;color:#ccc;margin-top:.8rem;letter-spacing:.5px}@media (max-width: 1024px){.IntroName{min-height:70vh;width:90%;padding:1.8rem}.IntroName h1{font-size:3.2rem}.IntroName p{font-size:1.5rem}}@media (max-width: 768px){.IntroName{min-height:60vh;padding:1.5rem;width:90%}.IntroName h1{font-size:2.4rem}.IntroName p{font-size:1.2rem}}@media (max-width: 480px){.IntroName{min-height:55vh;width:95%;border-radius:12px;padding:1.2rem}.IntroName h1{font-size:2rem}.IntroName p{font-size:1.5rem}}.intro-buttons{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn{padding:.8rem 1.5rem;border:1px solid rgb(248,248,248);border-radius:50px;background-color:transparent;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;font-weight:500}.btn:hover{transform:scale(1.05);background-color:#f9f9f9;color:#000}@media (max-width: 768px){.intro-buttons{gap:.8rem;flex-direction:column;align-items:center}.btn{width:80%;padding:.7rem 1.2rem;font-size:1rem}}@media (max-width: 480px){.intro-buttons{gap:.6rem}.btn{width:90%;padding:.6rem 1rem;font-size:.95rem}}.projects-section{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2rem;padding:4rem 2rem;max-width:1200px;margin:0 auto}h1{text-align:center;font-size:2.8rem;font-weight:700;margin-top:4rem;color:#fff;font-family:Urbanist,sans-serif;letter-spacing:.5px}.project-card{flex:1 1 340px;max-width:370px;min-width:300px}@media (max-width: 992px){.projects-section{gap:1.5rem;padding:3rem 1.5rem}h1{font-size:2.2rem;margin-top:3rem}.project-card{flex:1 1 45%}}@media (max-width: 600px){.projects-section{flex-direction:column;align-items:center;padding:2.5rem 1rem;gap:1.5rem}h1{font-size:1.8rem}.project-card{width:60%;max-width:350px}}.project-card{background-color:#1b1b1b;border:1px solid #2e2e2e;border-radius:30px;padding:1.5rem;color:#fff;display:flex;flex-direction:column;align-items:center;gap:1rem;width:340px;transition:all .3s ease;box-shadow:0 0 20px #0006}.project-image{width:100%;height:200px;background-color:#d9d9d9;border-radius:25px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover}.project-title{font-size:1.25rem;font-weight:600;text-align:center;margin-top:.5rem}.project-tags{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.tag{display:flex;align-items:center;gap:.4rem;background-color:#131313;border-radius:50px;padding:.5rem 1rem;font-size:.9rem}.project-btn{width:90%;padding:.8rem;background-color:#0f0f0f;border:none;border-radius:50px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.cssbuttons-io{width:100%;position:relative;font-family:inherit;font-weight:500;font-size:14px;letter-spacing:.05em;border-radius:44px;cursor:pointer;border:1px solid #2B2B2B;background:linear-gradient(to right,#8e2de2,#4a00e0);color:#f8f8ff;overflow:hidden}.cssbuttons-io svg{width:1.2em;height:1.2em;margin-right:.5em}.cssbuttons-io span{position:relative;z-index:10;transition:color .4s;display:inline-flex;align-items:center;padding:.8em 1.2em .8em 1.05em}.cssbuttons-io:before,.cssbuttons-io:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cssbuttons-io:before{content:"";background:#000;width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1)}.cssbuttons-io:hover:before{transform:translate3d(100%,0,0)}.cssbuttons-io:active{transform:scale(.95)}@media (max-width: 768px){.project-card{width:60%}.project-title{font-size:1.1rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#131313;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}