.profile-container{background:linear-gradient(270deg,#000000,#050505);display:flex;flex-direction:column;align-items:center;gap:40px;padding:10px 5% 40px;position:relative;overflow:hidden}.profile-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.08) 1px,transparent 0);background-size:150px 150px;z-index:0}.profile-container:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.main-content{display:flex;justify-content:center;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;width:100%}.profiletext{max-width:600px;display:flex;flex-direction:column;justify-content:center;flex:1}.name{font-size:80px;color:#ffffff;font-weight:600;margin:0}.font{font-size:15px;color:#d7d7d7;font-weight:300;line-height:25px;margin-top:20px}.font,.location{display:flex;justify-content:center;align-items:center}.location{font-size:16px;color:#b0b0b0;font-weight:500;margin-top:15px}.photo{display:flex;justify-content:flex-end;height:550px;width:400px;flex-shrink:0;align-items:end}#Varunimage{width:100%;height:100%;object-fit:cover;border-radius:12px}.socialmedia{display:flex;justify-content:center;align-items:center;gap:40px}.socialmedia a{color:#ffffff;font-size:20px;text-decoration:none;font-weight:500;transition:transform .2s ease}.socialmedia a:hover{transform:scale(1.05);text-decoration:underline}@media (min-width:769px){.profile-container{flex-direction:column;align-items:end}.main-content{flex-direction:row}}@media (max-width:768px){.profile-container{flex-direction:column;align-items:flex-start;padding:30px 5%}.main-content{flex-direction:column;align-items:center}.photo{margin-top:40px}#Varunimage,.photo{width:100%;height:auto}.name{font-size:48px}.font{font-size:15px}.socialmedia{gap:24px}.mine{margin:0 auto;width:fit-content}}.mine{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#09111E;border-radius:15px;height:53px;width:400px;gap:15px;border:2px solid transparent;background:linear-gradient(#09111E,#09111E) padding-box,linear-gradient(90deg,#737373,#ffffff) border-box;background-origin:border-box;background-clip:padding-box,border-box}.new{background:linear-gradient(270deg,#737373,#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:700;font-size:14px;padding:4px 10px;border-radius:20px;text-transform:uppercase}.varun{color:white;font-size:16px;font-weight:300;margin:0}body{background-color:#060606;margin:0;font-family:Montserrat,sans-serif}.about-page-wrapper{background-color:60606;min-height:100vh;padding:0 5%;color:white;justify-content:center;align-items:flex-start}.about,.about-page-wrapper{width:100%;box-sizing:border-box;display:flex}.about{flex-direction:column;align-items:center;text-align:center;max-width:800px;padding:20px}.me{font-size:70px;color:white;font-weight:700;margin-bottom:20px;line-height:1.2}.para{color:#AAAAAA;font-size:18px;max-width:700px}@media (max-width:768px){.about-page-wrapper{padding:30px 5%}.me{font-size:48px;margin-bottom:15px}.para{font-size:16px;max-width:100%}}@media (max-width:480px){.about-page-wrapper{padding:20px 4%}.me{font-size:36px;margin-bottom:10px}.para{font-size:15px}}.myphoto{align-items:center;flex-wrap:wrap;margin-top:30px;width:100%;height:auto;padding:20px}.kumarImage{max-width:400px;transition:transform .3s ease}.kumarImage:hover{transform:scale(1.03)}@media (max-width:768px){.kumarImage{max-width:90%}}.heading{font-size:25px}.about-section,.heading,.para{display:flex;justify-content:center;flex-direction:row}.about-section{gap:40px;align-items:center;margin-top:60px;padding:20px;flex-wrap:wrap}.myphoto{flex:1;display:flex;justify-content:center;max-width:400px}.kumarImage{width:100%;height:auto;object-fit:cover;border-radius:12px}.about-text{flex:2;min-width:300px;color:#d4d4d4}.heading{font-size:28px;font-weight:700;margin-bottom:15px;text-align:left}.para{font-size:16px;font-weight:500;line-height:1.6;text-align:justify}.skillsection{display:flex;flex-direction:column;align-items:center;min-height:100vh;text-align:center;box-sizing:border-box;width:100%;padding:50px 1rem 0}.skill{margin-top:200px;font-size:2.5rem;font-weight:700;background:linear-gradient(180deg,#fafafa,#a3a3a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-align:center;align-self:center}@media (min-width:768px){.skill{font-size:3.75rem}}.skills-tab-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:900px}.tab-skill-content{width:100%;padding:2rem;border-radius:1rem;color:white;background:linear-gradient(to bottom right,#3b82f6,#1e40af);margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;justify-items:center;margin-top:1rem;width:100%}.skill-card{display:flex;flex-direction:column;align-items:center;color:white}.skill-icon{width:64px;height:64px;object-fit:contain}.skill-label{margin-top:.5rem;font-size:1rem}button[data-state=inactive]{opacity:.6}button[data-state=active],button[data-state=inactive]{color:white!important;font-weight:600}.skillname{font-size:1.1rem;color:#a3a3a3;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;margin-bottom:1.5rem;text-align:center;gap:.75rem}@media (min-width:768px){.skillname{font-size:1.25rem;margin-bottom:2rem;gap:1rem}}@media (min-width:1024px){.skillname{font-size:1.35rem;margin-bottom:2.5rem;gap:1.25rem}}