#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.home{display:flex;justify-content:space-between;align-items:center;height:100vh;padding:0 2rem;background:none}.intro{max-width:400px;text-align:left}.intro h1,.intro h2{margin:0;opacity:0;transform:translateY(20px);animation:fadeInUp .8s forwards;color:#fff}.intro h2{animation-delay:.3s;color:#fff}.animated-text{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 4s steps(30,end) infinite alternate;color:#fff}.image-container{max-width:400px;flex-shrink:0;margin-left:auto}.image-container img{width:100%;height:auto}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes typing{0%{width:0}50%{width:100%}to{width:0}}.about-me-content{display:flex;align-items:center;margin:60px 20px}.card{background-color:#2e23c933;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0003;max-width:400px;margin-right:20px;flex:1}.image-container{flex-shrink:0;overflow:hidden;border-radius:60px;box-shadow:0 4px 15px #0000004d}.image-container img{width:100%;height:auto;transition:transform .3s ease}.image-container img:hover{transform:scale(1.05)}.about-me{color:#fff}.about-me h2{font-size:2em;margin-bottom:20px;overflow:hidden;white-space:nowrap;border-right:2px solid white;animation:typing 4s steps(30,end) infinite alternate}.about-me p{font-size:1.1em;line-height:1.5;margin-bottom:15px;text-align:justify}.container{display:relative;justify-content:flex-start;align-items:flex-start;padding:60px}.activities-list{list-style:none;padding:0;margin:0}.activities-list li{display:flex;align-items:center;margin-bottom:10px;color:#fff}.activities-list li i{margin-right:10px;color:#fffc;transition:color .3s ease}.activities-list li:hover i{color:#fff}.project-heading{font-size:2.5em;margin-bottom:20px;color:#fff;text-align:center}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#fff}}.about-me h2{animation:typing 4s steps(30,end) infinite alternate,blink .75s step-end infinite}.techstack{display:flex;flex-wrap:wrap;justify-content:center}.tech-icons{font-size:4.5em!important;margin:15px!important;padding:10px!important;opacity:.93!important;border:1.7px solid rgba(200,137,230,.637)!important;border-radius:5px!important;box-shadow:4px 5px 4px 3px #5904a823!important;transition:all .4s ease 0s!important}@media (max-width: 767px){.tech-icons{margin:10px!important}}.tech-icons:hover{transform:scale(1.05)!important;border:2.2px solid rgba(197,115,230,.883)!important}.tech-icon-images{padding:20px!important;line-height:1.6!important}.quote-card-view{border:none!important;color:#fff!important;background-color:transparent!important}.about-activity{list-style:none!important;text-align:left!important;padding-left:1px!important}@media (max-width: 767px){.about-img{padding-top:0!important}}.projects{background-color:transparent;color:#333;padding:4rem 2rem}.projects-content{max-width:1200px;margin:0 auto;text-align:center}.projects h2{font-size:2.5rem;margin-bottom:2rem;color:#333}.projects-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.project-card{background-color:#ffffff80;border:1px solid rgba(221,221,221,.5);border-radius:8px;overflow:hidden;width:100%;max-width:300px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.project-image{width:100%;height:350px;object-fit:cover}.project-card h3{font-size:1.5rem;margin:1rem}.project-card p{font-size:1rem;margin:0 1rem 1rem}.project-link{display:block;text-align:center;background-color:#ff7e5f;color:#fff;padding:.75rem;margin:0 1rem 1rem;border-radius:25px;text-decoration:none;transition:background-color .3s ease}.project-link:hover{background-color:#feb47b}.project-section{font-size:2.5em;margin-bottom:20px;color:#fff;text-align:center}.purple{color:#b610b6;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.project-media{width:100%;height:320px;object-fit:cover;border-radius:12px 12px 0 0;display:block}.media-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.media-modal-content{position:relative;background:#191919f2;color:#fff;border-radius:16px;padding:2rem;max-width:90%;max-height:90%;overflow-y:auto;box-shadow:0 0 20px #00000080}.media-modal-body{display:flex;gap:2rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.media-preview{flex:1 1 500px;display:flex;justify-content:center;align-items:center}.media-fullscreen{max-width:100%;max-height:70vh;border-radius:12px;object-fit:contain;box-shadow:0 0 20px #fff3}.media-info{flex:1 1 400px;display:flex;flex-direction:column;justify-content:center;text-align:left}.media-info h2{font-size:2rem;margin-bottom:1rem;color:#f6c}.media-info p{font-size:1.1rem;line-height:1.6;color:#ddd}.close-button{position:absolute;top:15px;right:20px;background:#ffffff26;color:#fff;border:none;font-size:1.5rem;cursor:pointer;border-radius:8px;padding:5px 10px;transition:background .3s ease}.close-button:hover{background:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.media-modal-body{flex-direction:column}.media-info{text-align:center}.media-info h2{font-size:1.5rem}.media-info p{font-size:1rem}}.contact-section{background-color:transparent;padding:50px 0}.title{font-size:2.5rem;font-weight:700;color:#f8f8f8;text-transform:uppercase}.contact-item{margin-bottom:20px;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.icon{margin-right:10px;color:#007bff}.contact-section p{color:#f8f8f8}.link{color:#007bff;text-decoration:none;font-weight:700}.social-link{margin:0 15px;color:#007bff;transition:transform .3s}.social-link:hover{transform:scale(1.1)}.project-detail{background-color:#fff;color:#333;padding:4rem 2rem}.project-detail-content{max-width:800px;margin:0 auto;text-align:center}.project-detail h2{font-size:2.5rem;margin-bottom:1.5rem;color:#333}.project-detail-image{width:100%;height:auto;max-height:500px;object-fit:cover;margin-bottom:1.5rem}.project-detail p{font-size:1.2rem;line-height:1.8;margin-bottom:2rem}body{font-family:Arial,sans-serif;margin:0;padding:0;color:#333;height:100%}.content{position:relative;z-index:1}@keyframes gradientAnimation{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;top:0;left:0;right:0;z-index:100;background-color:transparent;transition:transform .3s ease}.hidden{transform:translateY(-100%)}.menu{display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0}.menu li{margin-left:2rem}.menu li a{text-decoration:none;color:#fff;font-size:1rem;display:flex;align-items:center}.menu li a i{margin-right:.5rem}.menu li a:hover{color:#007bff}.header h1{margin:0;font-size:1.5rem;color:#ddd}footer{background-color:#333;color:#fff;padding:1rem;text-align:center}#contact{padding:2rem;text-align:center}#contact h2{margin-top:0}#contact form{max-width:600px;margin:0 auto}#contact input,#contact textarea{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid #ddd;border-radius:5px}#contact button{background-color:#333;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}#contact button:hover{background-color:#555}