:root{--navy:#0d1f3d;--lime:#9ab402;--lime2:#b8d400;--accent-blue:#4a7cf7;--dark:#1a1d2e;--text:#374151;--text2:#6b7280;--text3:#9ca3af;--bg:#f4f7fa;--bg2:#eef0f7;--white:#fff;--border:#0d1f3d14;--border2:#0d1f3d24;--shadow-sm:0 2px 8px #0d1f3d0f;--shadow:0 8px 32px #0d1f3d1a;--shadow-lg:0 20px 60px #0d1f3d1f;--grad:linear-gradient(135deg, var(--navy), var(--lime));--grad-h:linear-gradient(135deg, #0a1830, #b8d400);--radius:14px;--radius-sm:8px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background-color:var(--bg);font-family:Poppins,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}section{padding:80px 0}.section-title{text-align:center;color:var(--dark);margin-bottom:40px;font-size:2.2rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--grad);border-radius:99px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.kpi-section{background:var(--bg);padding:30px 0 50px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.kpi-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:16px;padding:28px 20px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0d1f3d08}.kpi-card:hover{border-color:#0d1f3d1f;transform:translateY(-6px);box-shadow:0 16px 36px #0d1f3d14}.kpi-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.kpi-card:hover .kpi-icon{transform:scale(1.1)rotate(5deg)}.kpi-card:first-child .kpi-icon{color:#3572a5;background:#3572a51a}.kpi-card:nth-child(2) .kpi-icon{color:#2ec4b6;background:#2ec4b61a}.kpi-card:nth-child(3) .kpi-icon{color:#f5a623;background:#f5a6231a}.kpi-card:nth-child(4) .kpi-icon{color:#6558f5;background:#6558f51a}.kpi-num{color:var(--navy);margin-bottom:6px;font-size:34px;font-weight:800;line-height:1.1}.kpi-label{color:var(--text2);letter-spacing:.02em;font-size:13px;font-weight:600}.cta-button{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:99px;align-items:center;gap:8px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 20px #9ab40259}.cta-button:hover{background:var(--grad-h);transform:translateY(-2px);box-shadow:0 8px 28px #9ab40280}.btn-outline{border:1.5px solid var(--border2);color:var(--dark);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:8px;padding:11px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--navy);background:var(--bg2);transform:translateY(-1px)}.data-navbar{z-index:1000;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffe0;justify-content:space-between;align-items:center;width:100%;padding:.75rem 5%;transition:background .3s;display:flex;position:fixed;top:0}.logo{color:var(--navy);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.logo span{color:var(--lime)}.data-navbar nav{align-items:center;display:flex}.data-navbar nav ul{gap:4px;list-style:none;display:flex}.data-navbar nav ul li a{color:var(--text2);border-radius:var(--radius-sm);padding:6px 14px;font-size:14px;font-weight:500;transition:color .2s,background .2s}.data-navbar nav ul li a:hover,.data-navbar nav ul li a.active{color:var(--dark);background:var(--bg2)}.data-navbar nav ul li a.active{font-weight:600}.mobile-menu{cursor:pointer;flex-direction:column;justify-content:space-between;width:26px;height:18px;display:none}.mobile-menu span{background:var(--dark);border-radius:99px;width:100%;height:2px;transition:all .3s}.hero-stacked{background:var(--bg);align-items:flex-start;min-height:100vh;padding:5rem 0 0;display:flex}.hero-stacked .container{width:100%}.hero-stacked-content{text-align:center;max-width:1000px;margin:0 auto;padding:2rem 0 2.5rem}.hero-stacked-content h1{color:var(--dark);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1.15}.eyebrow-label{letter-spacing:.14em;text-transform:uppercase;color:var(--lime);background:#9ab4021a;border:1px solid #9ab40240;border-radius:99px;margin-bottom:18px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.data-highlight{background:linear-gradient(90deg, var(--navy), var(--lime));color:#0000;-webkit-background-clip:text;background-clip:text}.story-highlight{background:linear-gradient(90deg, var(--lime), var(--accent-blue));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text2);margin-bottom:32px;font-size:1.05rem;line-height:1.7}.hero-sub-small{color:var(--text3);margin-top:4px;font-size:.85rem;display:block}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-stacked-viz{width:100%}.hero-stacked-viz .viz-card{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;width:100%;height:520px;box-shadow:0 -4px 40px #0d1f3d1a}.viz-card{border-radius:var(--radius-lg);width:100%;height:430px;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.viz-header{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.viz-dropdown{flex:1;min-width:0;max-width:340px;margin:0 8px;position:relative}.viz-dropdown-btn{border:1px solid var(--border2);width:100%;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:5px 10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.viz-dropdown-btn>i:first-child{color:var(--lime);flex-shrink:0;font-size:11px}.viz-dropdown-btn>span{text-overflow:ellipsis;flex:1;overflow:hidden}.viz-chevron{color:var(--text3);flex-shrink:0;font-size:10px;transition:transform .2s}.viz-dropdown-btn:hover,.viz-dropdown-btn:focus{border-color:var(--lime);outline:none;box-shadow:0 0 0 3px #9ab4021f}.viz-dropdown-list{border:1px solid var(--border2);z-index:200;background:#fff;border-radius:10px;padding:4px;list-style:none;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #0d1f3d1f}.viz-dropdown-list.open{display:block}.viz-dropdown-item{color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:9px 12px;font-size:12.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.viz-dropdown-item i{color:var(--text3);text-align:center;flex-shrink:0;width:14px;font-size:12px;transition:color .15s}.viz-dropdown-item:hover{background:var(--bg2);color:var(--dark)}.viz-dropdown-item:hover i{color:var(--lime)}.viz-dropdown-item.active{color:var(--navy);background:#9ab40214;font-weight:600}.viz-dropdown-item.active i{color:var(--lime)}.viz-open-btn{color:var(--text3);border:1px solid var(--border);background:#fff;border-radius:6px;flex-shrink:0;align-items:center;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.viz-open-btn:hover{color:var(--navy);border-color:var(--border2)}.viz-content{flex:1;position:relative;overflow:hidden}.viz-fallback{color:var(--text3);pointer-events:none;background:#fafafa;flex-direction:column;justify-content:center;align-items:center;font-size:14px;transition:opacity .4s;display:flex;position:absolute;inset:0}.viz-fallback i{color:#ddd;text-align:center;margin-bottom:12px;font-size:3rem;display:block}.viz-fallback p{text-align:center}.viz-fallback-sub{color:#ccc;margin-top:4px;font-size:12px}.projects-section{background:var(--bg)}.projects-section.home-projects{background:var(--white)}.filter-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.filter-btn{border:1px solid var(--border2);cursor:pointer;color:var(--text2);background:#fff;border-radius:99px;padding:7px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:var(--navy);color:var(--dark)}.filter-btn.active{background:var(--grad);color:#fff;border-color:#0000;box-shadow:0 2px 12px #9ab4024d}.projects-grid{scroll-snap-type:x mandatory;scroll-behavior:smooth;justify-content:flex-start;align-items:stretch;gap:24px;padding:12px 12px 24px;display:flex;overflow-x:auto}.projects-grid::-webkit-scrollbar{height:6px}.projects-grid::-webkit-scrollbar-track{background:#0d1f3d08;border-radius:99px}.projects-grid::-webkit-scrollbar-thumb{background:#0d1f3d1f;border-radius:99px}.projects-grid::-webkit-scrollbar-thumb:hover{background:var(--lime)}.project-card-new{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;max-width:85vw;box-shadow:var(--shadow-sm);scroll-snap-align:start;background:#fff;flex-direction:column;flex:0 0 350px;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.45s cubic-bezier(.16,1,.3,1) backwards projectPopup;display:flex;overflow:hidden}.pcn-thumb-wrap{aspect-ratio:4/3;border-bottom:1px solid var(--border);background:#f0f2f5;width:100%;overflow:hidden}.pcn-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card-new:hover .pcn-thumb{transform:scale(1.04)}@keyframes projectPopup{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.project-card-new:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-5px)}.pcn-header{align-items:center;gap:10px;padding:18px 18px 14px;display:flex}.pcn-icon{width:38px;height:38px;box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.pcn-badge{letter-spacing:.03em;border-radius:99px;flex:1;padding:3px 10px;font-size:10px;font-weight:700}.pcn-arrow{color:var(--text3);font-size:13px;transition:color .2s,transform .2s}.project-card-new:hover .pcn-arrow{color:var(--navy);transform:translate(2px,-2px)}.pcn-body{flex:1;padding:0 18px 14px}.pcn-title{color:var(--dark);margin-bottom:6px;font-size:15px;font-weight:700}.pcn-desc{color:var(--text2);margin-bottom:12px;font-size:12.5px;line-height:1.65}.pcn-tags{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.pcn-tag{background:var(--bg2);border:1px solid var(--border);color:var(--text2);border-radius:4px;padding:3px 9px;font-family:Courier New,monospace;font-size:10.5px}.tech-tag-icon{cursor:pointer;box-sizing:border-box!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;padding:5px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-flex!important}.tech-tag-icon:hover{background:#fff!important;border-color:#0d1f3d2e!important;transform:translateY(-2px)scale(1.08)!important;box-shadow:0 4px 12px #0d1f3d14!important}.tech-icon-img{object-fit:contain;width:16px;height:16px;display:block}.pcn-metrics{border-top:1px solid var(--border);background:var(--bg2);grid-template-columns:repeat(3,1fr);display:grid}.pcn-metric{text-align:center;border-right:1px solid var(--border);padding:10px 8px}.pcn-metric:last-child{border-right:none}.pcn-mval{color:var(--dark);margin-bottom:2px;font-size:12px;font-weight:700}.pcn-mlabel{color:var(--text3);font-size:10px}.project-modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.project-modal.open{display:flex}.modal-content{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:580px;max-height:90vh;padding:32px;animation:.22s cubic-bezier(.22,1,.36,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0d1f3d2e}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.close-modal{cursor:pointer;color:var(--text3);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:18px}.close-modal:hover{background:var(--bg2);color:var(--dark)}.cs-section{margin-bottom:22px}.cs-title{color:var(--navy);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:6px;font-size:13.5px;font-weight:700;display:flex}.cs-title i{color:var(--lime);font-size:14px}.cs-text{color:var(--text2);font-size:13px;line-height:1.7}.projects-list-vertical{flex-direction:column;gap:24px;width:100%;padding:12px 0;display:flex}.project-card-horizontal{border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;flex-direction:row-reverse;width:100%;height:200px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.project-card-horizontal:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-4px)}.pch-thumb-wrap{aspect-ratio:16/9;border-left:1px solid var(--border);background:#f0f2f5;flex:none;height:100%;position:relative;overflow:hidden}.pch-thumb{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card-horizontal:hover .pch-thumb{transform:scale(1.04)}.pch-content{flex-direction:column;flex:1;justify-content:space-between;padding:16px 24px;display:flex}.pch-top-section{flex-direction:row;align-items:flex-start;gap:16px;width:100%;display:flex}.pch-logo-col{flex-direction:column;flex:none;justify-content:flex-start;display:flex}.pch-logo-img{object-fit:contain;border:1.5px solid var(--border);width:90px;height:90px;box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:6px}.pch-icon-large{width:90px;height:90px;box-shadow:var(--shadow-sm);border-radius:16px;justify-content:center;align-items:center;font-size:36px;display:flex}.pch-info-col{flex-direction:column;flex:1;min-width:0;display:flex}.pch-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pch-icon-title{align-items:center;gap:12px;display:flex}.pch-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.pch-title{color:var(--navy);margin:0;font-size:18px;font-weight:700}.pch-badge{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.pch-desc{color:var(--text2);margin-bottom:10px;font-size:13px;line-height:1.5}.pch-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pch-tag{color:var(--text2);background:#f0f2f5;border:1px solid #0d1f3d0d;border-radius:4px;padding:3px 10px;font-size:11px}.pch-footer{border-top:1px solid #0d1f3d0f;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.pch-metrics{gap:24px;display:flex}.pch-metric{flex-direction:column;display:flex}.pch-mval{color:var(--navy);font-size:14px;font-weight:700}.pch-mlabel{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.pch-arrow{color:var(--text3);font-size:14px;transition:transform .2s,color .2s}.project-card-horizontal:hover .pch-arrow{color:var(--lime);transform:translate(4px)}.skills-section{background:0 0}.skills-container{grid-template-columns:3fr 2fr;align-items:stretch;gap:32px;display:grid}.skills-list{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:24px}.skill-item{margin-bottom:18px}.skill-name{color:var(--text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.skill-name span:last-child{color:var(--text3);flex-shrink:0;font-size:11px;font-weight:400}.skill-bar{background:var(--bg2);border-radius:99px;height:6px;overflow:hidden}.skill-progress{background:var(--grad);border-radius:99px;height:100%;position:relative}.skill-progress:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff4d 100%);border-radius:99px;position:absolute;inset:0}.wip-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:20px 22px;position:relative;overflow:hidden}.wip-card:before{content:"";background:var(--grad);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.wip-label{letter-spacing:.12em;text-transform:uppercase;color:var(--lime);align-items:center;gap:7px;margin-bottom:14px;font-size:10px;font-weight:700;display:flex}.wip-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.wip-list{flex-direction:column;gap:10px;list-style:none;display:flex}.wip-list li{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.wip-list li i{color:var(--lime);flex-shrink:0;width:14px;font-size:13px}.skills-grid-detailed{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;margin-bottom:60px;display:grid}@media (width>=901px){.skills-grid-detailed.cols-3{grid-template-columns:repeat(3,1fr)}.skills-grid-detailed.cols-4{grid-template-columns:repeat(4,1fr)}}.skill-card-detailed{background:var(--white);border-radius:var(--radius);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-sm);padding:30px 24px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s}.skill-card-detailed:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-5px)}.skill-ring-wrap{background:conic-gradient(var(--skill-color) calc(var(--percentage) * 3.6deg), #eef0f7 0);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;display:flex;position:relative}.skill-ring-inner{background:var(--white);border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 2px 8px #0d1f3d0a}.skill-ring-inner img{object-fit:contain;width:42px;height:42px;transition:transform .3s}.skill-card-detailed:hover .skill-ring-inner img{transform:scale(1.1)rotate(2deg)}.skill-title-detailed{color:var(--navy);margin-bottom:2px;font-size:16px;font-weight:700}.skill-pct-detailed{color:var(--lime);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.skill-label-detailed{color:var(--text2);justify-content:center;align-items:center;min-height:34px;font-size:12px;line-height:1.4;display:flex}.timeline-section{padding:40px 0 80px;position:relative}.timeline-container{max-width:800px;margin:0 auto;padding-left:50px;position:relative}.timeline-line{background:#0d1f3d14;border-radius:99px;width:4px;position:absolute;top:10px;bottom:10px;left:20px}.timeline-item{margin-bottom:40px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-badge{background:var(--white);border:4px solid var(--lime);z-index:2;border-radius:50%;width:20px;height:20px;transition:transform .2s,background-color .2s;position:absolute;top:24px;left:-42px;box-shadow:0 0 0 4px #9ab40226}.timeline-item:hover .timeline-badge{background-color:var(--lime);transform:scale(1.2)}.timeline-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:26px 28px;transition:transform .22s,box-shadow .22s,border-color .22s}.timeline-card:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-4px)}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.timeline-title-wrap{flex-direction:column;display:flex}.timeline-title{color:var(--navy);margin:0;font-size:18px;font-weight:700}.timeline-role{color:var(--text3);margin-top:2px;font-size:13px;font-weight:600}.timeline-date{color:var(--lime);text-transform:uppercase;letter-spacing:.02em;background:#9ab4021a;border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600}.timeline-desc{color:var(--text2);font-size:13.5px;line-height:1.75}.timeline-tags{border-top:1px solid #0d1f3d0d;flex-wrap:wrap;gap:6px;margin-top:16px;padding-top:14px;display:flex}.timeline-tag{color:#4a4f72;background:#eef0ff;border:1px solid #dde0ff;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600}.about-section{background:var(--bg);padding-top:20px}.skills-page-section{background:var(--white)}.about-inner{align-items:center;gap:60px;display:flex}.about-content{flex:1}.about-bio{color:var(--text);margin-bottom:8px;font-size:15px;line-height:1.8}.about-bio strong{color:var(--navy)}.about-image{flex:0 0 300px;justify-content:center;display:flex}.profile-img{border-radius:var(--radius-lg);width:100%;max-width:300px;box-shadow:var(--shadow);border:4px solid #fff}.about-hero-section{background:var(--bg)}.about-hero-grid{grid-template-columns:260px 1fr;align-items:center;gap:48px;display:grid}.about-hero-img{object-fit:cover;border-radius:var(--radius);width:260px;height:320px;box-shadow:var(--shadow);border:3px solid var(--border)}.about-hero-name{color:var(--navy);margin-bottom:4px;font-size:2rem;font-weight:700}.about-hero-tagline{color:var(--lime);margin-bottom:16px;font-size:15px;font-weight:500}.about-hero-bio{color:var(--text2);margin-bottom:20px;font-size:14.5px;line-height:1.8}.about-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.about-hero-links{flex-wrap:wrap;gap:10px;display:flex}.contact-chip{border-radius:var(--radius-sm);border:1px solid var(--border2);color:var(--text);background:#fff;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.contact-chip:hover{border-color:var(--navy);color:var(--navy);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.about-edu-section{background:var(--white);padding:80px 0 20px;overflow:hidden}.edu-exp-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.column-title{color:var(--navy);border-bottom:2px solid var(--border);align-items:center;gap:12px;margin-bottom:32px;padding-bottom:14px;font-size:22px;font-weight:700;display:flex}.column-title i{color:var(--lime);font-size:20px}.linkedin-card{background:0 0;gap:20px;margin-bottom:36px;padding:0;display:flex}.lic-logo-container{border:1px solid var(--border);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;padding:5px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000d}.lic-logo{object-fit:contain;width:100%;height:100%}.lic-content{flex:1;min-width:0}.lic-title,.lic-role{color:var(--navy);margin:0 0 4px;font-size:17.5px;font-weight:700;line-height:1.35}.lic-company,.lic-subtitle{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:500}.lic-meta{color:var(--text3);margin:0;font-size:13.5px}.lic-desc{color:var(--text2);margin:10px 0 0;font-size:14.5px;line-height:1.6}.lic-bullets{color:var(--text2);margin:10px 0 0;padding-left:20px;font-size:14.5px;line-height:1.65;list-style-type:disc}.lic-bullets li{margin-bottom:6px}.lic-bullets li:last-child{margin-bottom:0}.lic-company-grouped{color:var(--navy);margin:0 0 4px;font-size:17.5px;font-weight:700}.lic-company-meta-grouped{color:var(--text2);margin:0 0 3px;font-size:13.5px;line-height:1.35}.lic-nested-roles-container{flex-direction:column;gap:24px;margin-top:12px;padding-top:16px;display:flex;position:relative}.lic-timeline-line{background:var(--border);width:2px;position:absolute;top:16px;bottom:8px;left:7px}.lic-nested-role-item{padding-left:26px;position:relative}.lic-timeline-dot{background:var(--border2);border:2px solid var(--white);z-index:1;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:4px}.lic-nested-role-title{color:var(--navy);margin:0 0 4px;font-size:15.5px;font-weight:700;line-height:1.35}.lic-nested-role-period{color:var(--text3);margin:0;font-size:13px}@media (width<=991px){.edu-exp-grid{grid-template-columns:1fr;gap:40px}.about-edu-section{padding:60px 0}}.about-cert-section{background:var(--bg);padding:60px 0}.cert-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.cert-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:28px 24px;transition:transform .22s,box-shadow .22s,border-color .22s}.cert-card:hover{box-shadow:var(--shadow);border-color:var(--lime);transform:translateY(-4px)}.cert-icon{width:52px;height:52px;color:var(--lime);background:linear-gradient(135deg,#9ab4021f,#b8d40014);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 14px;font-size:20px;display:flex}.cert-title{color:var(--navy);margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.4}.cert-issuer{color:var(--text3);margin-bottom:4px;font-size:12px;font-weight:600}.cert-date{color:var(--lime);background:#9ab4021a;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.about-github-section{background:var(--white);padding:20px 0 80px}.github-header{text-align:center;margin-bottom:32px}.github-header-icon{color:#fff;background:linear-gradient(135deg,#24292e,#0f1419);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;font-size:26px;display:flex;box-shadow:0 4px 20px #24292e59}.github-graph-container{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);max-width:900px;box-shadow:var(--shadow-sm);margin:0 auto;padding:28px 32px 24px}.github-total{color:var(--text2);margin-bottom:16px;font-size:13px;font-weight:600}.github-graph-scroll{padding-bottom:8px;overflow-x:auto}.github-months{height:20px;color:var(--text3);margin-bottom:4px;margin-left:36px;font-size:10px;font-weight:500;position:relative}.github-grid-wrap{gap:4px;display:flex}.github-days-labels{color:var(--text3);flex-direction:column;gap:0;min-width:32px;padding-top:0;font-size:9px;font-weight:500;display:flex}.github-days-labels span{align-items:center;height:11px;margin-bottom:2px;display:flex}.github-grid{gap:2px;display:flex}.github-week{flex-direction:column;gap:2px;display:flex}.github-cell{cursor:pointer;border-radius:2px;width:11px;height:11px;transition:transform .1s}.github-cell:hover{z-index:2;outline:1px solid #00000026;transform:scale(1.5)}.github-legend{border-top:1px solid var(--border);color:var(--text3);justify-content:center;align-items:center;gap:4px;margin-top:16px;padding-top:16px;font-size:11px;font-weight:500;display:flex}.github-legend-box{border-radius:2px;width:11px;height:11px}.site-footer{background:var(--bg2);border-top:1px solid var(--border2)}.footer-main{padding:60px 0 40px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:48px;display:grid}.footer-profile{align-items:center;gap:12px;margin-bottom:14px;display:flex}.footer-avatar{object-fit:cover;border:2px solid #9ab40259;border-radius:12px;flex-shrink:0;width:46px;height:46px}.footer-name{color:var(--dark);font-size:15px;font-weight:700;line-height:1.2}.footer-title{color:var(--lime);margin-top:2px;font-size:12px;font-weight:600}.footer-bio{color:var(--text2);max-width:280px;margin-bottom:20px;font-size:13px;line-height:1.7}.footer-socials{gap:8px;display:flex}.footer-socials a{border:1px solid var(--border2);width:34px;height:34px;color:var(--text2);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.footer-socials a:hover{border-color:var(--lime);color:var(--lime);transform:translateY(-2px);box-shadow:0 4px 12px #9ab40233}.footer-col-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:18px;font-size:10px;font-weight:700}.footer-links-grid{gap:24px;display:flex}.footer-links-col{flex-direction:column;gap:10px;display:flex}.footer-links-col a{color:var(--text2);font-size:13.5px;font-weight:400;transition:color .15s}.footer-links-col a:hover{color:var(--navy)}.footer-contact-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.footer-contact-item{color:var(--text2);align-items:center;gap:10px;font-size:13.5px;transition:color .15s;display:flex}.footer-contact-item i{width:16px;color:var(--text3);text-align:center;flex-shrink:0;font-size:13px;transition:color .15s}.footer-contact-item:hover{color:var(--dark)}.footer-contact-item:hover i{color:var(--lime)}.back-to-top-btn{background:var(--grad);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;box-shadow:0 4px 16px #9ab4024d}.back-to-top-btn:hover{opacity:.9;transform:translateY(-2px)}.footer-bar{border-top:1px solid var(--border2);background:#fff;padding:16px 0}.footer-bar .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-bar p{color:var(--text3);font-size:12.5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.animate-fade{animation:.8s ease-out forwards fadeIn}.animate-left{animation:.8s ease-out forwards slideInLeft}.animate-right{animation:.8s ease-out forwards slideInRight}@keyframes mobileNavSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.scroll-animate{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.scroll-animate.animate-left-dir{transform:translate(-40px)}.scroll-animate.animate-right-dir{transform:translate(40px)}.scroll-animate.animate-active{opacity:1;transform:translate(0)!important}@media (width<=1024px){.skills-container{grid-template-columns:1fr}}@media (width<=900px){.skills-grid-detailed{grid-template-columns:repeat(2,1fr);gap:16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.about-inner{text-align:center;flex-direction:column;gap:32px}.about-image{flex:none}.about-hero-links{justify-content:center}}@media (width<=768px){.skills-grid-detailed{grid-template-columns:1fr}.timeline-container{padding-left:35px}.timeline-line{left:10px}.timeline-badge{left:-32px}.data-navbar nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);z-index:999;background:#fffffff5;flex-direction:column;align-items:center;width:100%;padding:12px 5% 18px;animation:.3s cubic-bezier(.16,1,.3,1) forwards mobileNavSlideDown;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0d1f3d1a}.data-navbar nav.mobile-open{display:flex}.data-navbar nav ul{flex-direction:column;gap:2px;width:100%}.data-navbar nav ul li{text-align:center;width:100%}.data-navbar nav ul li a{border-radius:var(--radius-sm);text-align:center;width:100%;padding:12px 16px;font-size:15px;display:block}.data-navbar nav .lang-switcher{align-self:center;margin-top:16px;margin-left:0}.mobile-menu{display:flex}.mobile-menu.is-active span:first-child{transform:translateY(8px)rotate(45deg)}.mobile-menu.is-active span:nth-child(2){opacity:0}.mobile-menu.is-active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.project-card-horizontal{flex-direction:column;height:auto}.pch-thumb-wrap{aspect-ratio:16/9;border-left:none;border-bottom:1px solid var(--border);flex:none;width:100%}.pch-footer{flex-direction:column;align-items:flex-start;gap:14px}.pch-metrics{justify-content:space-between;width:100%}.section-title{font-size:1.8rem}.footer-grid{grid-template-columns:1fr;gap:32px}.about-hero-grid{text-align:center;grid-template-columns:1fr;gap:28px}.about-hero-photo{justify-content:center;display:flex}.about-hero-img{width:200px;height:250px}.about-hero-actions,.about-hero-links{justify-content:center}.cert-grid{grid-template-columns:repeat(2,1fr);gap:14px}.projects-grid{justify-content:flex-start;gap:16px;margin-left:-16px;margin-right:-16px;padding:10px 16px 20px}}@media (width<=520px){.contact-chip span{display:none}.contact-chip{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;display:inline-flex}.hero-ctas{flex-wrap:nowrap;align-items:center;gap:8px;width:100%;max-width:340px;margin:0 auto}.hero-ctas .btn-outline span{display:none}.hero-ctas .btn-outline{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:18px;display:inline-flex}.hero-ctas .cta-button{white-space:nowrap;flex:1;justify-content:center;padding:12px 16px;font-size:13px}}@media (width<=576px){.pch-content{padding:16px}.pch-top-section{grid-template-columns:60px 1fr;align-items:center;gap:12px 14px;width:100%;display:grid}.pch-logo-col{grid-area:1/1}.pch-logo-img{border-radius:12px;width:60px;height:60px;padding:4px}.pch-icon-large{border-radius:12px;width:60px;height:60px;font-size:24px}.pch-info-col{display:contents}.pch-header{flex-direction:column-reverse;grid-area:1/2;justify-content:center;align-items:flex-start;gap:6px;min-height:60px;margin-bottom:0;display:flex}.pch-icon-title{flex-direction:column;align-items:flex-start;gap:2px}.pch-icon-title span{align-self:flex-start;margin-left:0!important}.pch-title{font-size:17px}.pch-badge{align-self:flex-start;padding:2px 8px;font-size:10px}.pch-desc{grid-column:1/-1;margin-top:4px;font-size:12.5px;line-height:1.5}.pch-tags{grid-column:1/-1;gap:5px;margin-top:4px;margin-bottom:0}.pch-footer{margin-top:12px;padding-top:12px}.pch-metrics{gap:12px}.pch-mval{font-size:13px}.pch-mlabel{font-size:9px}}@media (width<=480px){.kpi-grid,.cert-grid{grid-template-columns:1fr}}.btn-outline-linkedin{border:1.5px solid var(--navy);color:var(--navy);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:99px;justify-content:center;align-items:center;width:100%;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-outline-linkedin:hover{border-color:var(--navy);background:#0d1f3d0d;transform:translateY(-1px)}.btn-outline-linkedin i{margin-left:6px;font-size:11px;transition:transform .2s}.btn-outline-linkedin:hover i{transform:translate(2px,-2px)}.media-viewer-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2500;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;padding:24px;transition:opacity .25s;display:flex;position:fixed;inset:0}.media-viewer-backdrop.open{opacity:1;pointer-events:auto}.media-viewer-container{background:#fff;border-radius:16px;flex-direction:row;width:95vw;max-width:1200px;height:85vh;max-height:800px;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.97);box-shadow:0 24px 64px #0006}.media-viewer-backdrop.open .media-viewer-container{transform:translateY(0)scale(1)}.mv-left-panel{background:#121214;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.mv-arrow-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.mv-arrow-btn:hover{background:#ffffff40;transform:translateY(-50%)scale(1.08)}.mv-arrow-btn.left{left:20px}.mv-arrow-btn.right{right:20px}.mv-arrow-btn:disabled{opacity:.3;cursor:not-allowed;background:#ffffff0d}.mv-close-btn{color:#fff;cursor:pointer;z-index:20;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.mv-close-btn:hover{color:#fff;background:#fff3}.mv-right-panel{border-left:1px solid var(--border);box-sizing:border-box;background:#fff;flex-direction:column;flex-shrink:0;justify-content:space-between;width:320px;height:100%;padding:24px;display:flex}.mv-sidebar-content{flex-direction:column;gap:18px;display:flex;overflow-y:auto}.mv-sidebar-title{color:var(--navy);margin-bottom:4px;font-size:18px;font-weight:700}.mv-cert-meta{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:4px;padding-top:16px;display:flex}.mv-meta-row{flex-direction:column;gap:4px;display:flex}.mv-meta-label{color:var(--text3);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:600}.mv-meta-value{color:var(--dark);font-size:13.5px;font-weight:500}.mv-sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:16px;padding-top:18px;display:flex}.btn-mv-nav{color:var(--navy);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:13.5px;font-weight:600;transition:background-color .15s;display:flex}.btn-mv-nav:hover{background-color:var(--bg2)}.btn-mv-nav:disabled{color:var(--text3);cursor:not-allowed;background:0 0}.mv-cert-img-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.mv-cert-img{object-fit:contain;-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;max-width:100%;max-height:100%;animation:.25s ease-out imageFadeIn;box-shadow:0 10px 40px #00000080}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.mv-page-indicator{color:#fff;z-index:10;pointer-events:none;letter-spacing:.02em;background:#000000b3;border-radius:20px;padding:6px 14px;font-size:12.5px;font-weight:500;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=900px){.media-viewer-container{flex-direction:column;height:90vh;max-height:90vh}.mv-left-panel{height:65%}.mv-right-panel{border-left:none;border-top:1px solid var(--border);width:100%;height:35%;padding:20px}.mv-sidebar-content{gap:12px}.mv-cert-meta{gap:8px;margin-top:4px;padding-top:10px}.mv-meta-row{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.mv-meta-label{margin-bottom:0;font-size:10.5px}.mv-meta-value{text-align:right;font-size:12.5px}.mv-cert-img-container{padding:20px 48px}.mv-close-btn{width:32px;height:32px;font-size:16px;top:12px;right:12px}.mv-arrow-btn{width:38px;height:38px;font-size:14px}.mv-arrow-btn.left{left:8px}.mv-arrow-btn.right{right:8px}}.lang-switcher{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:#f5f6faa6;border-radius:99px;align-items:center;gap:4px;margin-left:12px;padding:3px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.lang-btn{color:var(--text2);cursor:pointer;letter-spacing:.05em;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.lang-btn:hover{color:var(--navy)}.lang-btn.active{background:var(--navy);color:#fff;box-shadow:0 2px 8px #6558f533}.lang-divider{color:var(--border);-webkit-user-select:none;user-select:none;font-size:10px}@media (width<=900px){.lang-switcher{align-self:flex-start;margin-top:16px;margin-left:16px}}.presentation-backdrop{-webkit-backdrop-filter:blur(12px);z-index:2500;opacity:0;pointer-events:none;background:#0d1f3d73;justify-content:center;align-items:center;padding:24px;transition:opacity .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.presentation-backdrop.open{opacity:1;pointer-events:auto;animation:.25s cubic-bezier(.16,1,.3,1) forwards presentationFadeIn}.presentation-container{background:#fff;border-radius:20px;flex-direction:column;width:95vw;max-width:1240px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;transform:translateY(30px)scale(.96);box-shadow:0 32px 80px #0d1f3d40}.presentation-backdrop.open .presentation-container{animation:.38s cubic-bezier(.34,1.56,.64,1) forwards presentationScaleUp;transform:translateY(30px)scale(.96)}.presentation-header{background:#fafbfc;border-bottom:1px solid #0d1f3d0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.presentation-title{color:#0d1f3d;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.presentation-title i{font-size:16px}.presentation-close-btn{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .15s;display:flex}.presentation-close-btn:hover{color:#0d1f3d;background:#0d1f3d0d}.presentation-viewport{background:#0f172a;flex:1;justify-content:center;align-items:center;min-height:350px;padding:30px 80px;display:flex;position:relative}.presentation-slide-wrap{aspect-ratio:16/9;background:#1e293b;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:72vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000073}.presentation-slide-img{object-fit:contain;width:100%;height:100%;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideChange}.presentation-slide-fallback{color:#fff;box-sizing:border-box;background:radial-gradient(circle at 10% 20%,#1e293b 0%,#0f172a 90%);justify-content:center;align-items:center;width:100%;height:100%;padding:48px;display:flex}.fallback-inner{text-align:left;flex-direction:column;gap:16px;width:100%;max-width:840px;display:flex}.fallback-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:99px;align-self:flex-start;padding:5px 12px;font-size:12px;font-weight:700}.fallback-inner h3{color:#fff;margin:0;font-size:32px;font-weight:800;line-height:1.2}.fallback-slide-num{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.fallback-text{color:#ffffffe0;margin:8px 0;font-size:16px;line-height:1.65}.fallback-tip{color:#ffffff73;border-top:1px dashed #ffffff26;align-items:center;gap:6px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.presentation-nav-btn{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.presentation-nav-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-50%)scale(1.05)}.presentation-nav-btn:disabled{opacity:.25;cursor:not-allowed}.presentation-nav-btn.prev{left:15px}.presentation-nav-btn.next{right:15px}.presentation-footer{background:#fafbfc;border-top:1px solid #0d1f3d0f;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.presentation-dots{gap:8px;display:flex}.presentation-dot{cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.presentation-dot.active{transform:scale(1.2)}.presentation-counter{color:var(--text3);background:#0d1f3d0a;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}@media (width<=900px){.presentation-viewport{padding:20px 50px}.fallback-inner h3{font-size:24px}.fallback-text{font-size:14px}}@media (width<=640px){.presentation-viewport{padding:10px}.presentation-nav-btn{width:36px;height:36px;font-size:12px}.presentation-nav-btn.prev{left:5px}.presentation-nav-btn.next{right:5px}.fallback-inner h3{font-size:16px}.fallback-text{font-size:11px}.fallback-badge{padding:2px 6px;font-size:9px}.fallback-slide-num{font-size:10px}.presentation-container{border-radius:12px}}@keyframes presentationFadeIn{0%{opacity:0}to{opacity:1}}@keyframes presentationScaleUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideChange{0%{opacity:.85;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.modal-ctas{flex-wrap:nowrap;gap:10px;width:100%;margin-top:10px;display:flex}.modal-cta-btn{text-align:center;cursor:pointer;white-space:normal;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;padding:12px 8px;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none;transition:all .2s;display:inline-flex}.modal-cta-btn i{font-size:18px}.modal-cta-btn.btn-github{color:#333;background:#fff;border:1px solid #ddd}.modal-cta-btn.btn-github:hover{background:#f5f6fa;border-color:#ccc}.modal-cta-btn.btn-demo{color:#fff;background:linear-gradient(135deg,#6558f5,#4a7cf7);border:none}.modal-cta-btn.btn-demo:hover{opacity:.9}.modal-cta-btn.btn-slides{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none}.modal-cta-btn.btn-slides:hover{opacity:.9}@media (width<=576px){.modal-ctas{gap:8px!important}.modal-cta-btn{border-radius:8px!important;gap:5px!important;padding:10px 4px!important;font-size:9.5px!important;line-height:1.2!important}.modal-cta-btn i{font-size:15px!important}}