html,body{background-color:#000;max-width:100%;margin:0;padding:0;color:#fff;font-family:Inter,sans-serif}#root{max-width:100%}.container{max-width:1200px;margin:0 auto;padding-left:25px;padding-right:25px;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-top:25px;padding-bottom:25px}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#fff;cursor:pointer;transition:color .3s ease}.nav-links a:hover{color:#9929ea}.hero-section{display:flex;margin-bottom:25px;margin-top:25px;gap:30px}.hero-section>.left{display:flex;flex-direction:column;justify-content:flex-start}.hero-section>.left>.img-container{border-radius:100%;height:250px;width:250px;min-height:250px;min-width:250px;overflow:hidden}.hero-section>.left img{width:100%;height:100%;object-fit:cover}.hero-section>.right{display:flex;flex-direction:column;row-gap:15px}.hero-section>.right .employment{margin-top:-15px;display:flex;align-items:center}.hero-section>.right h1{font-size:36px}.hero-section>.right p{color:#fffc}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.social-icons{display:flex;gap:15px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags .tag{height:25px;padding-left:10px;padding-right:10px;background-color:#583175;color:#fff;border-radius:2.5px;display:flex;align-items:center}.tags .tag a{color:#fff;font-size:12px}.btn{background-color:#fff;color:#000;border:1px solid white;padding:10px 20px;border-radius:2.5px;cursor:pointer;outline:none;font-weight:600;font-size:15px;transition:background-color .3s ease;white-space:nowrap}.btn:hover{background-color:transparent;color:#fff}.content-section{display:flex;flex-direction:column;row-gap:20px;margin-bottom:25px}.content-section p,li{color:#fffc}.content-section h3{font-size:17px}.icon-row{display:flex;gap:10px;align-items:flex-start}.icon-row>svg{flex-shrink:0;margin-top:3px}.footer{display:flex;justify-content:space-between;padding-top:25px;padding-bottom:25px}.projects-page{padding-top:25px;padding-bottom:25px}.projects-grid{padding-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-box{background-color:#22112e;border-radius:8px;cursor:pointer;transition:.3s ease transform;display:flex;flex-direction:column}.project-box:hover{transform:scale(1.025)}.project-box img{width:100%;height:200px;object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px}.project-box .content{flex:1;padding:20px 20px 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.project-box .content>div{row-gap:15px;display:flex;flex-direction:column}.project-box .content p{color:#fffc;font-size:15px;line-height:22px}.project-box .btn{color:#2b163b;width:fit-content}.project-box .btn:hover{color:#fff}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-section{flex-direction:column;align-items:center;text-align:center}.hero-section>.left>.img-container{margin-right:0}.hero-section>.right .employment{justify-content:center}.tags,.hero-buttons,.social-icons{justify-content:center}.footer{flex-direction:column;gap:20px;align-items:center}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}.navbar{flex-direction:column;gap:15px}.hero-section>.right h1{font-size:28px}.container{padding-left:15px;padding-right:15px}}