#about-me-intro .bento-grid{grid-template-columns:repeat(12,1fr);gap:25px;margin-top:0;display:grid}#about-me-intro .bento-card{background:var(--white-color,#fff);border-radius:var(--radius-lg,20px);box-shadow:var(--shadow-sm,0 4px 12px #0000000f);padding:20px 30px;transition:all .4s;position:relative;overflow:hidden}#about-me-intro .bento-card:before{content:"";background:var(--theme-color,#096c6c);width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}#about-me-intro .bento-card:hover{box-shadow:var(--card-shadow-hover,0 10px 30px #ff6b3526);transform:translateY(-3px)}#about-me-intro .bento-card:hover:before{transform:scaleX(1)}#about-me-intro .bento-medium{grid-column:span 4}#about-me-intro .bento-small{grid-column:span 6}#about-me-intro .profile-image-wrapper{width:200px;height:200px;margin:0 auto 15px;position:relative}#about-me-intro .profile-image{border-radius:var(--radius-full,50%);object-fit:cover;border:5px solid var(--white-color,#fff);width:100%;height:100%;box-shadow:var(--shadow-sm,0 4px 12px #0000000f)}#about-me-intro .profile-status{border-radius:var(--radius-full,50%);border:4px solid var(--white-color,#fff);background:#10b981;width:35px;height:35px;animation:2s infinite pulse;position:absolute;bottom:10px;right:10px}@keyframes pulse{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 10px #10b98100}}#about-me-intro .profile-info{text-align:center}#about-me-intro .profile-name{font:var(--small-heading-font);color:var(--theme-color,#096c6c);margin-bottom:8px}#about-me-intro .profile-role{font:var(--body-font);color:var(--theme-color,#096c6c);margin-bottom:20px}#about-me-intro .profile-social{flex-wrap:wrap;justify-content:center;gap:15px;max-width:90%;margin:auto;display:flex}#about-me-intro .social-icon{background:var(--theme-color,#096c6c);border:2px solid var(--theme-color,#096c6c);border-radius:var(--radius-md,8px);width:40px;height:40px;color:var(--primary-color,#ff7518);font-size:var(--fs-md);justify-content:center;align-items:center;text-decoration:none;transition:all .45s;display:flex}#about-me-intro .social-icon:hover{background:var(--body-color,snow);border-color:var(--theme-color);transform:translateY(-3px)}#about-me-intro .white-image img{filter:brightness(0)invert()}#about-me-intro .social-icon:hover img{filter:brightness()invert(0)}#about-me-intro .bento-large{flex-direction:column;grid-column:span 8;justify-content:center;display:flex}#about-me-intro .content-heading{font:var(--small-heading-font);color:var(--heading-color,#1c1c1c);align-items:center;gap:12px;margin-bottom:25px;display:flex}#about-me-intro .content-text p{font:var(--para-font);color:var(--para-color,#5f6368);margin-bottom:15px}.content-wrapper{max-width:700px;margin:0 auto}.content-text{overflow:hidden}.content-text p{margin-bottom:12px}.read-toggle{color:var(--theme-color,#096c6c);cursor:pointer;background:0 0;border:none;margin-top:5px;padding:0;font-weight:600}@media (max-width:991px){#about-me-intro .bento-large,#about-me-intro .bento-medium,#about-me-intro .bento-small{grid-column:span 12}#about-me-intro .bento-grid{gap:20px}}@media (max-width:576px){#about-me-intro .bento-card{padding:25px}}
#skills-section{padding:var(--section-spacing) 0;position:relative;overflow:hidden}#skills-section:before{content:"";pointer-events:none;background:#0b666a08;border-radius:50%;width:600px;height:600px;position:absolute;top:0;left:-150px}#skills-section:after{content:"";pointer-events:none;background:#f5872508;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-150px;right:-100px}#skills-section h2{font:var(--heading-font);color:var(--heading-color,#1c1c1c);margin-bottom:15px}#skills-section .skills-wrapper{z-index:2;position:relative}#skills-section .skills-row{grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:30px;display:grid}#skills-section .skill-card{background:var(--white-color,#fff);border-radius:var(--radius-xl,30px);border:2px solid var(--border-color,#e8e8e8);padding:30px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}#skills-section .skill-card:before{content:"";background:color-mix(in srgb, var(--primary-color) 5%, transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}#skills-section .skill-card:hover:before{left:0}#skills-section .skill-card:hover{border-color:var(--primary-color,#ff7518);box-shadow:var(--shadow-md,0 12px 30px #0000001a);transform:translateY(-4px)}#skills-section .skill-card>*{z-index:1;position:relative}#skills-section .card-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}#skills-section .card-title-group{align-items:center;gap:15px;display:flex}#skills-section .card-icon-wrapper{background:var(--theme-color,#096c6c);border-radius:var(--radius-md,12px);justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s;display:flex}#skills-section .skill-card:hover .card-icon-wrapper{background:var(--primary-color,#ff7518);transform:rotate(10deg)scale(1.1)}#skills-section .card-icon-wrapper img{filter:brightness(0)invert();width:30px;height:30px}#skills-section .card-title{font:var(--sub-heading-font);color:var(--heading-color,#1c1c1c);margin:0}#skills-section .card-count{background:color-mix(in srgb, var(--theme-color) 10%, transparent);color:var(--theme-color,#096c6c);border-radius:var(--radius-lg,20px);font:var(--badge-font);flex:none;padding:6px 16px;font-weight:700}#skills-section .tech-stack{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:20px;display:grid}#skills-section .tech-item{background:color-mix(in srgb, var(--theme-color) 4%, transparent);border:1px solid color-mix(in srgb, var(--theme-color) 10%, transparent);border-radius:var(--radius-md,12px);text-align:center;cursor:pointer;padding:18px 12px;transition:all .45s}#skills-section .tech-item:hover{background:var(--theme-color,#096c6c);border-color:var(--theme-color,#096c6c);box-shadow:var(--shadow-md,0 12px 30px #0000001a);transform:translateY(-5px)}#skills-section .tech-icon{font-size:var(--fs-2xl);justify-content:center;margin-bottom:10px;transition:all .45s;display:flex}#skills-section .tech-item:hover .tech-icon{transform:scale(1.2);color:var(--white-color,#fff)!important}#skills-section .tech-name{font:var(--body-font);color:var(--heading-color,#1c1c1c);margin-bottom:4px;font-weight:600;transition:color .3s}#skills-section .tech-item:hover .tech-name{color:var(--white-color,#fff)}#skills-section .tech-level{font:var(--badge-font);color:var(--para-color,#5f6368);transition:color .3s}#skills-section .tech-item:hover .tech-level{color:#fffc}#skills-section .skills-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}#skills-section .skill-item{background:color-mix(in srgb, var(--primary-color) 5%, transparent);border-radius:var(--radius-md,12px);border-left:4px solid var(--primary-color,#ff7518);padding:20px;transition:all .45s}#skills-section .skill-item:hover{background:color-mix(in srgb, var(--primary-color) 10%, transparent);border-left-width:6px;transform:translate(10px)}#skills-section .skill-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}#skills-section .skill-item-name{font:var(--body-font);color:var(--heading-color,#1c1c1c);align-items:center;gap:12px;font-weight:600;display:flex}#skills-section .skill-item-icon{border-radius:var(--radius-sm,6px);justify-content:center;align-items:center;width:32px;height:32px;display:flex}#skills-section .skill-percentage{font:var(--body-font);color:var(--primary-color,#ff7518);font-weight:700}#skills-section .skill-progress{background:color-mix(in srgb, var(--theme-color) 10%, transparent);border-radius:10px;height:8px;overflow:hidden}#skills-section .skill-progress-bar{background:var(--primary-color,#ff7518);border-radius:10px;width:0;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}#skills-section .skill-item.active .skill-progress-bar{width:var(--progress-width)}#skills-section .skill-progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}#skills-section .skills-stats{border-top:2px solid var(--border-color,#e8e8e8);grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;padding-top:50px;display:grid}#skills-section .stat-card{text-align:center;background:color-mix(in srgb, var(--theme-color) 4%, transparent);border-radius:var(--radius-md,12px);border:2px solid #0000;padding:30px 20px;transition:all .45s}#skills-section .stat-card:hover{background:var(--theme-color,#096c6c);border-color:var(--theme-color,#096c6c);transform:scale(1.05)}#skills-section .stat-number{color:var(--primary-color,#ff7518);margin-bottom:8px;font-size:clamp(2rem,3vw,2.5rem);font-weight:700;transition:color .3s}#skills-section .stat-card:hover .stat-number{color:var(--white-color,#fff)}#skills-section .stat-label{font:var(--body-font);color:var(--para-color,#5f6368);font-weight:600;transition:color .3s}#skills-section .stat-card:hover .stat-label{color:#ffffffe6}@media (max-width:991px){#skills-section .skills-row{grid-template-columns:1fr;gap:25px}#skills-section .tech-stack{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}#skills-section .skills-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#skills-section{padding:60px 0}#skills-section .skill-card{padding:30px 20px}#skills-section .skills-stats{grid-template-columns:1fr;gap:15px}#skills-section .tech-stack{grid-template-columns:repeat(2,1fr)}}
.stack-container{max-width:900px;margin:0 auto;padding:0 20px;position:relative}.card-container{gap:var(--section-spacing);flex-direction:column;display:flex}.stack-item{background:var(--white-color);border:3px solid var(--border-color);box-sizing:border-box;will-change:transform, padding-top;border-radius:30px;width:100%;margin-bottom:0;padding:35px 50px 50px;transition:border-color .3s,box-shadow .3s;position:relative}.stack-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.stack-year{background:var(--primary-color);color:var(--white-color);font-size:var(--fs-sm);border-radius:var(--radius-2xl);letter-spacing:1px;z-index:20;padding:10px 24px;font-weight:700;position:absolute;top:-20px;left:50px;box-shadow:0 4px 6px #0000001a}.stack-content{align-items:flex-start;gap:30px;display:flex}.stack-icon{background:var(--body-color);border-radius:25px;justify-content:center;align-items:center;width:100px;min-width:100px;height:100px;margin-top:10px;transition:all .4s;display:flex}.stack-item:hover .stack-icon{background:var(--theme-color);transform:rotate(-10deg)}.stack-icon i{color:var(--theme-color);font-size:40px;transition:all .4s}.stack-item:hover .stack-icon i{color:var(--white-color)}.stack-text h3{font:var(--small-heading-font);color:var(--heading-color);margin:0 0 10px;line-height:1.2}.stack-company{background:var(--body-color);color:var(--theme-color);font:var(--body-font);border-radius:var(--radius-lg);align-items:center;gap:8px;margin-bottom:12px;padding:6px 14px;font-weight:600;display:inline-flex}.stack-text p{font:var(--body-font);color:var(--para-color);margin:0;line-height:1.7}.spacer{height:50vh;color:var(--para-color);text-align:center;justify-content:center;align-items:center;padding:20px;display:flex}@media (max-width:768px){.stack-content{flex-direction:column}}
#cert-section{padding:var(--section-spacing) 0;position:relative}.cert-bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.cert-item{background:var(--white-color,#fff);border:2px solid var(--border-color,#e8e8e8);border-radius:var(--radius-xl,30px);cursor:pointer;flex-direction:column;padding:35px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.cert-item:hover{border-color:var(--primary-color,#ff7518);box-shadow:var(--shadow-md,0 12px 30px #0000001a);transform:translateY(-5px)}.cert-item-large{grid-column:span 6}.cert-item-medium{grid-column:span 4}.cert-item-small{grid-column:span 3}.cert-item:before{content:"";background:var(--body-color,snow);border-radius:0 0 0 100%;width:80px;height:80px;transition:all .5s;position:absolute;top:0;right:0}.cert-item:hover:before{background:var(--theme-color,#096c6c);opacity:.05;width:120px;height:120px}.cert-icon-modern{background:var(--theme-color,#096c6c);border-radius:var(--radius-md,12px);z-index:1;width:54px;height:54px;color:var(--white-color,#fff);justify-content:center;align-items:center;margin-bottom:25px;transition:all .4s;display:flex;position:relative}.cert-item:hover .cert-icon-modern{background:var(--primary-color,#ff7518);transform:rotate(-10deg)}.cert-meta{z-index:1;align-items:center;gap:12px;margin-bottom:15px;display:flex;position:relative}.cert-provider-tag{font:var(--badge-font);color:var(--white-color,#fff);background:var(--theme-color,#096c6c);border-radius:var(--radius-lg,20px);text-transform:uppercase;letter-spacing:1px;padding:6px 14px}.cert-year-tag{font:var(--badge-font);color:var(--primary-color,#ff7518);background:var(--body-color,snow);border-radius:var(--radius-lg,20px);padding:6px 14px;font-weight:600}.cert-item h3{font:var(--sub-heading-font);color:var(--heading-color,#1c1c1c);z-index:1;margin-bottom:12px;font-size:1.25rem;position:relative}.cert-item p{font:var(--body-font);color:var(--para-color,#5f6368);z-index:1;margin-bottom:0;line-height:1.6;position:relative}@media (max-width:1024px){.cert-item-large,.cert-item-medium,.cert-item-small{grid-column:span 6}}@media (max-width:1200px){.cert-item-small{grid-column:span 4}}@media (max-width:991px){.cert-item-large,.cert-item-medium,.cert-item-small{grid-column:span 6}}@media (max-width:768px){.cert-bento-grid{grid-template-columns:1fr}.cert-item-large,.cert-item-medium,.cert-item-small{grid-column:span 1}.cert-item{padding:25px}}
#core-values .value-card{background-color:var(--white-color,#fff);text-align:center;height:100%;box-shadow:var(--shadow-sm,0 4px 12px #0000000f);border:1px solid var(--border-color,#e8e8e8);border-radius:15px;flex-direction:column;align-items:center;padding:2.5rem;transition:all .45s;display:flex}#core-values .value-card:hover{box-shadow:var(--shadow-md,0 12px 30px #0000001a);border-color:var(--primary-color,#ff7518);transform:translateY(-4px)}#core-values .value-icon{background-color:color-mix(in srgb, var(--theme-color,#096c6c) 10%, transparent);border-radius:var(--radius-full,50%);width:70px;height:70px;color:var(--theme-color,#096c6c);justify-content:center;align-items:center;margin:0 auto 1.5rem;transition:all .45s;display:flex}#core-values .value-card:hover .value-icon{background-color:var(--theme-color,#096c6c)}#core-values .value-card:hover .value-icon img{filter:brightness(0)invert()}#core-values .value-card h4{font:var(--small-heading-font);color:var(--heading-color,#1c1c1c);margin-bottom:1rem}#core-values .value-card p{font:var(--para-font);color:var(--para-color,#5f6368);margin-bottom:0}
#work-with-me{padding:var(--section-spacing) 0}#work-with-me .section-title-center p{max-width:60%;margin:1rem auto 2.5rem}#work-with-me .bento-grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:40px;display:grid}#work-with-me .bento-box{background-color:var(--white-color,#fff);border-radius:var(--radius-lg,20px);border:2px solid var(--border-color,#e8e8e8);padding:30px;transition:all .4s;position:relative;overflow:hidden}#work-with-me .bento-box:before{content:"";background-color:var(--theme-color,#096c6c);z-index:0;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:translateY(100%)}#work-with-me .bento-box:hover:before{transform:translateY(0)}#work-with-me .bento-box:hover{box-shadow:var(--shadow-md,0 12px 30px #0000001a);transform:translateY(-5px)}#work-with-me .bento-box>*{z-index:1;position:relative}#work-with-me .bento-box:hover .bento-icon{background:#12f5ff1a}#work-with-me .bento-box:hover img{filter:brightness(0)invert()}#work-with-me .bento-box:hover .bento-list li::marker{color:var(--white-color,#fff)}#work-with-me .bento-box:hover .bento-title,#work-with-me .bento-box:hover .bento-description{color:var(--white-color,#fff)}#work-with-me .bento-large{grid-column:span 8}#work-with-me .bento-small{grid-column:span 4}#work-with-me .bento-medium{grid-column:span 6}#work-with-me .bento-icon{background-color:color-mix(in srgb, var(--theme-color,#096c6c) 10%, transparent);width:70px;height:70px;font-size:var(--fs-2xl);color:var(--theme-color,#096c6c);border-radius:18px;justify-content:center;align-items:center;margin-bottom:20px;transition:all .45s;display:flex}#work-with-me .bento-title{font:var(--small-heading-font);color:var(--heading-color,#1c1c1c);margin-bottom:12px;transition:color .3s}#work-with-me .bento-description{font:var(--body-font);color:var(--para-color,#5f6368);line-height:1.7;transition:color .3s}#work-with-me .bento-list{margin-top:20px;padding-left:20px;list-style-type:disc}#work-with-me .bento-list li{font:var(--body-font);color:var(--para-color,#5f6368);border-bottom:1px solid var(--border-color,#e8e8e8);padding:10px 0;transition:all .3s}#work-with-me .bento-list li::marker{color:var(--primary-color,#ff7518);font-size:1.2rem}#work-with-me .bento-list li:last-child{border-bottom:none}#work-with-me .bento-box:hover .bento-list li{color:var(--white-color,#fff);border-color:#fff3}#work-with-me .work-cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}@media (max-width:991px){#work-with-me .bento-large,#work-with-me .bento-small,#work-with-me .bento-medium{grid-column:span 12}#work-with-me .section-title-center p{max-width:90%}}
#modern-cta-section{position:relative}.cta-modern-container{border:3px solid var(--theme-color,#096c6c);border-radius:var(--radius-xl,30px);background:var(--white-color,#fff);padding:80px 40px;position:relative;overflow:hidden}.cta-modern-container:before{content:"";background:var(--theme-color,#096c6c);height:8px;position:absolute;top:-2px;left:-2px;right:-2px}#cta-pattern-left,#cta-pattern-right{border-radius:var(--radius-full,50%);border:2px dashed var(--border-color,#e8e8e8);opacity:.5;width:250px;height:250px;position:absolute}#cta-pattern-left{top:-125px;left:-125px}#cta-pattern-right{bottom:-125px;right:-125px}#cta-modern-content{text-align:center;z-index:2;max-width:900px;margin:0 auto;position:relative}#cta-icon-modern{background:var(--theme-color,#096c6c);border-radius:var(--radius-full,50%);justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 30px;transition:transform .3s;display:flex;position:relative}#cta-icon-modern img{filter:brightness(0)invert()}#cta-icon-modern:before{content:"";border:3px solid var(--theme-color,#096c6c);border-radius:var(--radius-full,50%);opacity:.2;position:absolute;inset:-10px}#cta-icon-modern:after{content:"";border:2px solid var(--theme-color,#096c6c);border-radius:var(--radius-full,50%);opacity:.1;position:absolute;inset:-20px}#cta-modern-heading{font:var(--heading-font);color:var(--heading-color,#1c1c1c);margin-bottom:20px;line-height:1.4}#cta-modern-text{font:var(--para-font);color:var(--para-color,#5f6368);max-width:800px;margin-bottom:40px;margin-left:auto;margin-right:auto}#cta-button-wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}#decorative-square-1,#decorative-square-2{border:3px solid var(--primary-color,#ff7518);border-radius:var(--radius-lg,20px);opacity:.15;width:80px;height:80px;position:absolute}#decorative-square-1{top:60px;right:80px;transform:rotate(15deg)}#decorative-square-2{bottom:60px;left:80px;transform:rotate(-15deg)}@media (max-width:992px){.cta-modern-container{padding:60px 30px}#decorative-square-1,#decorative-square-2{display:none}#cta-pattern-left,#cta-pattern-right{width:150px;height:150px}}@media (max-width:768px){.cta-modern-container{border-radius:var(--radius-lg,20px);padding:50px 20px}#cta-button-wrapper{flex-direction:column;gap:15px;width:100%}#cta-button-wrapper .primary-btn,#cta-button-wrapper .secondary-btn{justify-content:center;width:100%}}@keyframes float-slow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}#cta-pattern-left{animation:8s ease-in-out infinite float-slow}#cta-pattern-right{animation:10s ease-in-out infinite reverse float-slow}#cta-icon-modern{animation:3s ease-in-out infinite pulse-icon}#cta-button-wrapper .secondary-btn{margin:0}
