.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.flex-column{flex-direction:column}.text-center{text-align:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.gap-5{gap:2.3rem}.text-decoration-none{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#1a1a1af2;padding:20px 8%;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #0000004d}nav .btn{color:#fff;padding-bottom:3px;position:relative}nav .btn.active:after{width:100%;animation:.5s forwards slideInBorder}nav .btn:after{content:"";transform-origin:0;background-color:#4dabf7;width:0;height:2px;position:absolute;bottom:0;left:0}nav button{cursor:pointer;background-color:#fff0;border:1px solid #4dabf74d;border-radius:8px;padding:8px 12px}nav button:hover{background-color:#4dabf733;border-color:#4dabf7;transform:scale(1.05)}nav h2{letter-spacing:1px;background:linear-gradient(90deg,#4dabf7,#da77f2);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700;transition:all .3s}nav .mobile-link{background:#1a1a1afa;padding:20px;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #0000004d}nav .mobile-link .content{flex-direction:column;align-items:center;gap:20px;margin:0 auto;animation:1s forwards slideDown;display:flex}nav .mobile-link .content a{color:#fff;text-align:center;border-radius:8px;width:100%;padding:10px 20px;font-size:1.2rem;font-weight:500;transition:all .3s}nav .mobile-link .content a:hover{color:#4dabf7;background:#4dabf71a;transform:translate(10px)}nav .mobile-link .cv-btn{background-color:#00f;border:none}@media (max-width:672px){nav .links{display:none!important}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBorder{0%{width:0;transform:scaleX(0)}50%{transform:scaleX(1.1)}to{width:100%;transform:scaleX(1)}}.home{justify-content:space-between;align-items:center;gap:6rem;min-height:100vh;padding:100px 8%;display:flex}.home img{aspect-ratio:1;object-fit:cover;border:6px solid #2196f3;border-radius:50%;width:100%;max-width:380px;box-shadow:0 10px 40px #2196f34d}.home .content{width:100%;max-width:640px}.home .content .header{font-size:1.4rem}.home .content .header b{color:#b0b0b0;font-weight:lighter}.home .content .header small{color:#2196f3;font-weight:600}.home .content h1{color:#2196f3;margin:20px 0;font-size:60px;font-weight:800}.home .content p{color:#b0b0b0;margin-bottom:40px}.home .content button{cursor:pointer;background:0 0;border:2px solid #2196f3;border-radius:5px;padding:14px 35px;font-size:16px;font-weight:600}.home .content button a{color:#fff}@media (max-width:420px){.home .content h1{font-size:40px}.home .content .ctas{flex-direction:column}}@media (max-width:932px){.home{flex-direction:column}}.about{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:120px 8%}.about h2{color:#2196f3;margin-bottom:2rem;font-size:40px}.about .about-content{gap:2rem}.about .about-content .text{width:100%;max-width:600px}.about .about-content .text p{color:#b0b0b0;margin-top:2rem}.about .about-content .text p:first-child{margin-top:0}.about .about-content .text .skills{grid-template-columns:3,1fr;gap:8px;margin-top:19px;display:grid}.about .about-content .text .skills .item{border-radius:8px;padding:20px;box-shadow:0 6px 50px #2196f34d}@media (max-width:528px){.about .about-content .text{grid-template-columns:1fr}}.about .about-content .image{width:500px;animation:4s ease-in-out infinite imageFloat}.about .about-content .image img{object-fit:cover;border-radius:20px;width:100%;height:500px;box-shadow:0 10px 40px #2196f34d}@media (max-width:562px){.about .about-content .image{width:300px;margin:10px 0}}@media (max-width:1150px){.about .about-content{flex-direction:column}}@keyframes imageFloat{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(-4px)rotate(1deg)}}.project{padding:120px 8%}.project h2{color:#2196f3;margin-bottom:2rem;font-size:40px}.project .project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.project .project-grid .grid-item{border-radius:10px;padding:20px;box-shadow:0 6px 50px #2196f34d}.project .project-grid .grid-item img{object-fit:cover;border-radius:10px;width:100%}.project .project-grid .grid-item .item-content .tech-stack{margin-top:20px}.project .project-grid .grid-item .item-content .tech-stack span{background-color:#00f;border-radius:7px;padding:5px 8px}.project .project-grid .grid-item .item-content .view{justify-content:flex-end;margin-top:20px}.project .project-grid .grid-item .item-content .view a{color:#fff;background:linear-gradient(90deg,#3535e9,#7a207a);border-radius:7px;padding:5px 8px;text-decoration:none}.project .project-grid .grid-item:first-child img,.project .project-grid .grid-item:nth-child(2) img,.project .project-grid .grid-item:last-child img{max-height:150px}.resume{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);padding:120px 8%}.resume h1{color:#2196f3;margin-bottom:2rem;font-size:40px}.resume section{flex-wrap:wrap;justify-content:center;gap:60px}.resume section h3{color:#2196f3;margin-bottom:20px;font-size:1.3rem}.resume section .projects{border-left:3px solid #2d2d75;flex:1;min-width:280px;max-width:500px;position:relative}.resume section .projects .project-item{margin-top:10px;padding-left:10px}.resume section .projects .project-item .circle{background-color:#00f;border-radius:50%;width:100%;max-width:10px;height:10px;margin-top:7px;position:absolute;left:-.45rem}.resume section .projects .project-item .description h4{margin-bottom:5px;font-size:18px}.resume section .projects .project-item .description p{color:#b0b0b0;font-size:14px}.resume section .resume-right{flex:1;min-width:280px;max-width:500px}.resume section .resume-right .content b{font-size:1rem}.resume section .resume-right .education-item h4{margin-bottom:5px;font-size:18px}.resume section .resume-right .education-item p{color:#b0b0b0;margin-bottom:5px;font-size:14px;font-style:italic}@media (max-width:544px){.resume{padding:0 10px;padding-top:120px!important;padding-bottom:30px!important}}.contact{margin-top:30px;padding:40px 0}.contact h1{color:#2196f3}.contact .content{flex-wrap:wrap;justify-content:center;gap:60px;width:100%;margin-top:20px;display:flex}.contact .content form{flex:1;min-width:280px;max-width:500px}.contact .content form input,.contact .content form textarea{color:#fff;background:0 0;border:2px solid #2196f3;border-radius:8px;width:100%;padding:12px 15px;font-size:15px;transition:border-color .3s}.contact .content form textarea{resize:none}.contact .content form button{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .4s}.contact .content form button:hover{background:#c41e3a;transform:translateY(-3px);box-shadow:0 0 25px #c41e3acc}@media (max-width:500px){.contact .content form{padding:0 20px}}