@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,700;1,300;1,700&display=swap";body{color:#40514e;margin:0;text-align:center;font-size:200%;font-family:Poppins,sans-serif;font-weight:700;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#050921}::-webkit-scrollbar-thumb{background-color:#fff}::-webkit-scrollbar-thumb:hover{background:#555}.t{margin-bottom:50px;margin-top:30px}.u{margin-block:50px}@media (min-width: 480px) and (max-width: 767px){img{width:50px!important;height:50px!important}}@media (min-width: 376px) and (max-width: 479px){img{width:50px!important;height:50px!important}}@media (max-width: 375px){img{width:50px!important;height:50px!important}}.greeting-image{width:300px;height:300px}.top{background:#050921;position:relative;padding:20px 0;height:auto;color:#fff}@media (min-width: 480px) and (max-width: 767px){.top{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){.top{font-size:10px}}@media (max-width: 375px){.top{font-size:10px}}h1{color:#fff;margin:50px auto 0;font-family:Poppins;font-size:5.625rem}@media (min-width: 480px) and (max-width: 767px){h1{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){h1{font-size:10px}}@media (max-width: 375px){h1{font-size:10px}}h2{color:#fff;font-family:Poppins;font-size:2.5rem;font-weight:400;padding-bottom:40px}@media (min-width: 480px) and (max-width: 767px){h2{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){h2{font-size:10px}}@media (max-width: 375px){h2{font-size:10px}}h3{color:#050921;font-family:Poppins}@media (min-width: 480px) and (max-width: 767px){h3{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){h3{font-size:10px}}@media (max-width: 375px){h3{font-size:10px}}.project-heading,.project-heading.full-stack-heading{text-align:left}.pro{text-decoration:underline}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:90%;margin:60px auto;padding:0 20px}@media (min-width: 480px) and (max-width: 767px){.projects-grid{grid-template-columns:1fr;gap:16px;width:95%}}@media (min-width: 376px) and (max-width: 479px){.projects-grid{grid-template-columns:1fr;gap:14px;width:95%}}@media (max-width: 375px){.projects-grid{grid-template-columns:1fr;gap:12px;width:95%}}.project-card{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:28px;box-shadow:0 2px 4px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f;border-color:#30e3cb}@media (min-width: 480px) and (max-width: 767px){.project-card{padding:20px}}@media (min-width: 376px) and (max-width: 479px){.project-card{padding:18px}}@media (max-width: 375px){.project-card{padding:16px}}.project-card-title{color:#050921;font-size:1.2rem;font-weight:700;margin:0 0 12px;font-family:Poppins}@media (min-width: 480px) and (max-width: 767px){.project-card-title{font-size:16px}}@media (min-width: 376px) and (max-width: 479px){.project-card-title{font-size:14px}}@media (max-width: 375px){.project-card-title{font-size:13px}}.project-description{color:#40514e;font-size:.95rem;line-height:1.6;margin:0 0 16px;flex-grow:1}@media (min-width: 480px) and (max-width: 767px){.project-description{font-size:12px}}@media (min-width: 376px) and (max-width: 479px){.project-description{font-size:11px}}@media (max-width: 375px){.project-description{font-size:10px}}.project-tech{color:#666;font-size:.85rem;margin:12px 0 16px;font-family:Inter;font-weight:600;letter-spacing:.5px}@media (min-width: 480px) and (max-width: 767px){.project-tech{font-size:11px}}@media (min-width: 376px) and (max-width: 479px){.project-tech{font-size:10px}}@media (max-width: 375px){.project-tech{font-size:9px}}.project-links{display:flex;gap:12px}.project-link{display:inline-block;background:linear-gradient(135deg,#2a2550,#30e3cb);color:#fff;padding:8px 18px;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;font-family:Inter;transition:all .3s ease}.project-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #30e3cb4d}@media (min-width: 480px) and (max-width: 767px){.project-link{font-size:11px;padding:6px 14px}}@media (min-width: 376px) and (max-width: 479px){.project-link{font-size:10px;padding:5px 12px}}@media (max-width: 375px){.project-link{font-size:9px;padding:4px 10px}}.middle{margin:10px 0;padding:0 20px}.profile{width:100%;margin:40px 0 60px;padding:20px}.profile h3{font-size:1.1rem;line-height:1.6;margin-top:20px}p{line-height:1.8}@media (min-width: 480px) and (max-width: 767px){p{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){p{font-size:10px}}@media (max-width: 375px){p{font-size:10px}}hr{border:none;height:1px;background-color:#e0e0e0;width:80%;margin:80px auto}@media (min-width: 480px) and (max-width: 767px){hr{margin:50px auto}}@media (min-width: 376px) and (max-width: 479px){hr{margin:40px auto}}@media (max-width: 375px){hr{margin:40px auto}}.skills{width:100%;padding:40px 0}.skills h3{margin:40px 0;font-size:1.5rem}.contact-me{display:flex;flex-direction:column;align-items:center;margin:60px 0 40px}.contact-me h3{margin-bottom:30px}.btn{background:#2a2550;background-image:linear-gradient(135deg,#2a2550,#1f1a3a);font-family:Inter;color:#fff;font-size:14px;padding:10px 20px;text-decoration:none;margin-inline:1rem;display:inline-flex;justify-content:center;margin-block:1rem;width:150px;border-radius:6px;transition:all .3s ease;box-shadow:0 2px 6px #0000001a}@media (min-width: 480px) and (max-width: 767px){.btn{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){.btn{font-size:6px}}@media (max-width: 375px){.btn{font-size:6px}}.btn:hover{background:#30e3cb;background-image:linear-gradient(135deg,#30e3cb,#2bc4ad);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #30e3cb40}.bottom{width:100%;background-color:#2a2550;padding:50px 0 20px;margin-top:3rem;bottom:0;position:relative}a{color:#fff;text-decoration:none}a:hover{color:#eaf6f6}.copy{color:#eaf6f6;font-size:.75rem;padding:20px 0}@media (min-width: 480px) and (max-width: 767px){.copy{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){.copy{font-size:10px}}@media (max-width: 375px){.copy{font-size:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .8s ease-out forwards}.slide-left{animation:slideInLeft .8s ease-out forwards}.slide-right{animation:slideInRight .8s ease-out forwards}.scale-up{animation:scaleUp .8s ease-out forwards}.project-card:nth-child(1){animation-delay:0s}.project-card:nth-child(2){animation-delay:.15s}.project-card:nth-child(3){animation-delay:.3s}.tech-stack{width:100%;padding:30px 0;background-color:#f5f5f5}.tech-stack h3{margin-top:30px;margin-bottom:40px}.tech-stack h4{color:#2a2550;font-size:1.3rem;margin:25px 0 15px;font-family:Poppins;font-weight:700}@media (min-width: 480px) and (max-width: 767px){.tech-stack h4{font-size:10px}}@media (min-width: 376px) and (max-width: 479px){.tech-stack h4{font-size:10px}}@media (max-width: 375px){.tech-stack h4{font-size:10px}}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:85%;margin:0 auto 40px;padding:20px}@media (min-width: 480px) and (max-width: 767px){.skills-container{width:90%;gap:15px}}@media (min-width: 376px) and (max-width: 479px){.skills-container{width:95%;gap:10px}}@media (max-width: 375px){.skills-container{width:95%;gap:10px;grid-template-columns:1fr}}.skill-category{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}@media (min-width: 480px) and (max-width: 767px){.skill-category{padding:15px}.skill-category h4{font-size:10px}}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.skill-badge{display:inline-block;background:linear-gradient(135deg,#2a2550,#30e3cb);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;font-family:Inter;transition:all .3s ease;cursor:default;text-align:center}.skill-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #30e3cb4d}@media (min-width: 480px) and (max-width: 767px){.skill-badge{font-size:9px;padding:6px 12px}}@media (min-width: 376px) and (max-width: 479px){.skill-badge{font-size:8px;padding:5px 10px}}@media (max-width: 375px){.skill-badge{font-size:7px;padding:4px 8px}}