.skills-loading{color:#0f8;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:4rem;display:flex}.loading-spinner{border:3px solid #00ff884d;border-top-color:#0f8;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skills-section{background:var(--dark-mode);padding:6rem 0}.dark-mode .skills-section{background:var(--light-mode);padding:6rem 0}.skills-container{max-width:1275px;margin:0 auto;padding:0 2rem}.skills-title{text-align:center;color:#433ecf;text-shadow:0 0 15px #00ff884d;margin-bottom:4rem;font-size:2.5rem}.skills-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid;position:relative}.skill-item{background:#1a1a1a;border:1px solid #2d2d2d;border-radius:12px;flex-direction:column;align-items:center;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.skill-item .gradient-border{border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;background:linear-gradient(45deg,#433ecf,#570978);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skill-item:hover .gradient-border{opacity:1}.skill-item:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000004d,0 0 40px #60dafb1a}.skill-icon{-o-object-fit:contain;object-fit:contain;filter:grayscale();width:90px;height:90px;margin-bottom:1.5rem;transition:all .4s}.skill-item:hover .skill-icon{filter:grayscale(0%);transform:scale(1.15)rotate(5deg)}.skill-title{color:#fff;font-size:1.25rem;font-weight:600;transition:color .3s;position:relative}.skill-item:hover .skill-title{color:#433ecf;text-shadow:0 0 12px #0400ff66}@media (max-width:1280px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-item{padding:1.5rem}.skill-icon{width:70px;height:70px}}.category-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.tab-button{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.8rem 2rem;font-size:1.1rem;transition:background .3s,transform .15s,box-shadow .3s;position:relative}.tab-button:hover{background:#252525;transform:translateY(-2px)scale(1.05)}.tab-button:focus{outline:none;box-shadow:0 0 0 2px #15129880}.tab-button.active{color:#0a0a0a;background:linear-gradient(45deg,#433ecf,#570978);border-color:#433ecf;padding:.9rem 2.1rem;transition:background .3s,box-shadow .3s;box-shadow:0 4px 15px #00ff884d}.tab-button.active:before{content:"";-webkit-mask-composite:exclude;background:linear-gradient(45deg,#433ecf,#570978);border-radius:8px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}
.about-me-related-posts{margin:80px 0;padding:0 20px}.about-me-related-heading{background:linear-gradient(45deg,#3ecf8e,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-family:RedHat,sans-serif;font-size:2.5rem}.about-me-related-description{color:#94a3b8;max-width:500px;font-size:1.1rem;line-height:1.6}.about-me-related-grid{gap:25px;width:65%;max-width:700px;display:grid}.about-me-related-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.about-me-related-card:hover{background:linear-gradient(45deg,#3ecf8e0d,#3b82f60d);border-color:#3ecf8e;transform:translateY(-5px)}.about-me-related-content{padding:25px}.about-me-related-meta{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.post-card-stats{gap:15px;display:flex}.post-card-stat{color:#3ecf8e;align-items:center;gap:5px;font-size:.9rem;display:flex}.about-me-related-title{color:#fff;margin-bottom:12px;font-family:RedHat,sans-serif;font-size:1.4rem}.about-me-related-excerpt{color:#94a3b8;font-size:1rem;line-height:1.6}.about-me-related-tags{gap:8px;margin-top:15px;display:flex}.about-me-related-tag{color:#3ecf8e;background:#3ecf8e1a;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}@media (max-width:1024px){.about-me-content{flex-direction:column}.about-me-text-container,.about-me-related-grid{width:100%}.about-me-related-heading{font-size:2rem}}@media (max-width:768px){.about-me-related-grid{grid-template-columns:1fr}.about-me-related-card{margin-bottom:15px}}.about-me-content{justify-content:center;width:100%}.about-me-profile-informations{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:25px;padding:25px}.about-me-profile-informations h3{color:#433ecf;border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:10px;font-family:RedHat,sans-serif;font-size:1.5rem}.about-me-profile-informations ul{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.about-me-profile-informations li.profile-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:10px;padding:20px 15px 12px;font-family:RedHat,sans-serif;font-size:.95rem;line-height:1.6;transition:all .3s;display:flex;position:relative}.about-me-profile-informations li.profile-item:hover{background:#433ecf36;border-color:#433ecf;transform:translateY(-3px)}.about-me-profile-informations li.profile-item .profile-label{color:#433ecf;white-space:nowrap;background:#ffffff08;padding:0 10px;font-family:RedHat,sans-serif;font-size:.95rem;position:absolute;top:-12px;left:20px}.about-me-profile-informations li.profile-item .profile-content{display:block}.about-me-socials{justify-content:center;gap:15px;display:flex}.about-me-socials a{border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.about-me-socials a:hover{background:#3ecf8e1a;border-color:#3ecf8e}.about-me-icon{color:#94a3b8;width:20px;height:20px;transition:all .3s}.about-me-socials a:hover .about-me-icon{color:#3ecf8e}@media (max-width:768px){.about-me-profile-informations{margin-top:30px;padding:20px}.about-me-profile-informations h3{font-size:1.3rem}.about-me-profile-informations li{padding:10px;font-size:.9rem}.about-me-profile-informations li strong{min-width:100px;margin-bottom:5px;display:block}}.about-me-section{background-color:var(--dark-mode);color:#0a0a0a;padding:0;position:relative}.dark-mode .about-me-section{background-color:var(--light-mode);color:#fff;padding:0;position:relative}.about-me-container{max-width:1250px;margin:0 auto;padding:0 20px}.about-me-header-wrapper{text-align:center;max-width:800px;margin:0 auto 80px}.about-me-preheading{color:#433ecf;text-transform:uppercase;margin-bottom:16px;font-family:RedHat,sans-serif;font-size:14px}.about-me-heading{margin:0;font-family:RedHat,sans-serif;font-size:55px;font-weight:700;line-height:1.2}.about-me-gradient{background:linear-gradient(45deg,#433ecf,#570978);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-me-content-grid{gap:60px;display:grid}@media (min-width:1024px){.about-me-content-grid{grid-template-columns:1fr 1.5fr}}.about-me-profile-column{top:100px}.about-me-image-wrapper{border:1px solid #ffffff1a;border-radius:16px;position:relative;overflow:hidden}.about-me-profile-image{width:100%;height:auto;display:block}.about-me-image-overlay{background:linear-gradient(#0000,#0009);position:absolute;inset:0}.about-me-social-links{gap:12px;padding-bottom:30px;display:flex}.about-me-social-link{color:inherit;background-color:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;text-decoration:none;transition:background-color .3s;display:flex}.about-me-social-link:hover{background-color:#ffffff1a}.about-me-content-column{flex-direction:column;gap:40px;display:flex}.about-me-intro{color:#94a3b8;margin:0;font-family:RedHat,sans-serif;font-size:18px;line-height:1.7}.about-me-techstack{grid-template-columns:repeat(2,1fr);align-items:flex-start;gap:15px;display:grid}.about-me-tech-item{background-color:#ffffff0d;border:1px solid #0000;border-radius:12px;justify-content:flex-start;align-items:center;gap:12px;max-height:55px;padding:10px;font-family:RedHat,sans-serif;font-size:18px;transition:all .3s;display:flex}.about-me-tech-item:hover{background:#433ecf36;border-color:#433ecf;transform:translateY(-3px)}.about-me-tech-icon{stroke:#3ecf8e;width:35px;height:35px;margin-left:0;margin-right:10px;display:block}.about-me-tech-text{text-align:center;flex:1;font-size:16px}@media screen and (max-width:768px){.about-me-tech-text{font-size:13px}}.about-me-timeline{gap:30px;display:grid;position:relative}.about-me-timeline-item{padding-left:30px;position:relative}.about-me-timeline-item:before{content:"";background:#433ecf;border-radius:50%;width:12px;height:12px;position:absolute;top:24px;left:0}.about-me-timeline-item:after{content:"";background:#ffffff1a;width:2px;position:absolute;top:36px;bottom:-30px;left:5px}.about-me-timeline-item:last-child:after{display:none}.about-me-timeline-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.about-me-timeline-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.about-me-timeline-year{color:#433ecf;font-family:RedHat,sans-serif;font-size:14px}.about-me-timeline-company{color:#94a3b8;font-family:RedHat,sans-serif;font-size:14px}.about-me-timeline-title{margin:0 0 8px;font-family:RedHat,sans-serif;font-size:18px}.about-me-timeline-description{color:#94a3b8;margin:0;line-height:1.6}.about-me-opensource{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:30px}.about-me-opensource-badge{color:#3ecf8e;white-space:nowrap;background:#ffffff08;margin-bottom:16px;padding:0 10px;font-family:RedHat,sans-serif;font-size:.95rem;font-weight:700;display:inline-block;position:absolute;top:-12px;left:20px}.about-me-opensource-title{color:#fff;margin:0 0 16px;font-size:18px}.about-me-opensource-text{color:#d1d5db;margin:0;font-size:16px;line-height:1.7}.opensource-wrapper{padding-top:35px}@media (max-width:768px){.about-me-content-grid{grid-template-columns:1fr}.about-me-heading{font-size:36px}.about-me-timeline-item{padding-left:20px}.about-me-timeline-item:before{width:8px;height:8px;top:20px}}