.hero-wrapper{container:hero-con/inline-size}.hero-wrapper .g-1{right:8.5%}.hero-wrapper .g-1-l-1{top:40%}.hero-wrapper .g-1-l-2{top:46%}.hero-wrapper .g-2{right:37%}.hero-wrapper .g-2-l-1{top:76%}.hero-wrapper .g-2-l-2{top:70%}.hero-wrapper .g-3{top:80%;overflow:hidden}.hero-wrapper .g-3-c-1{left:-2%}@container hero-con (max-width:768px){.g-1{background-color:#00f;position:absolute;right:2px}.g-3{top:5%}}
.achievement-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f293780;border:1px solid #4b55634d;transition:all .3s;position:relative}.achievement-card:before{content:"";opacity:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,#e11d481a,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.achievement-card:hover{border-color:#e11d4880;transform:translateY(-4px);box-shadow:0 20px 40px -15px #e11d484d}.achievement-card:hover:before{opacity:1}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.counter-number{animation:.5s ease-out forwards countUp;display:inline-block}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.experience-banner{background:linear-gradient(90deg,#e11d481a 0%,#e11d480d 25%,#0000 50%,#e11d480d 75%,#e11d481a 100%) 0 0/200% 100%;animation:10s infinite gradientShift}.stat-card-compact{background:#11182780;border:1px solid #4b556380;border-radius:.75rem;padding:1rem;transition:all .3s}.stat-card-compact:hover{border-color:#e11d484d;transform:scale(1.05);box-shadow:0 10px 30px -10px #e11d484d}.trust-pill{background:#1f29374d;border:1px solid #4b55634d;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}.trust-pill:hover{background:#1f293780;border-color:#e11d484d;transform:translateY(-2px)}
.features-diagonal-lines{background-image:repeating-linear-gradient(45deg,#e11d4808 0 1px,#0000 1px 20px);animation:20s linear infinite diagonalMove}@keyframes diagonalMove{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes pulse-slower{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}@keyframes pulse-slowest{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}.animate-pulse-slower{animation:12s ease-in-out infinite pulse-slower}.animate-pulse-slowest{animation:15s ease-in-out infinite pulse-slowest}.feature-card{position:relative;overflow:hidden}.feature-card:after{content:"";background:linear-gradient(45deg,#0000 30%,#e11d481a 50%,#0000 70%);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.feature-card:hover:after{transform:rotate(45deg)translate(100%)}@keyframes barPulse{0%,to{opacity:.5}50%{opacity:1}}.roi-bar{animation:2s ease-in-out infinite barPulse}.impact-badge{letter-spacing:.05em;color:#fb7185;background:#e11d481a;border:1px solid #e11d4833;border-radius:9999px;padding:.25rem .75rem;font-family:monospace;font-size:.75rem;position:relative}.impact-badge-emerald{color:#34d399;background:#10b9811a;border-color:#10b98133}.impact-badge-blue{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.impact-badge-amber{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b33}
.projects-diagonal-lines{background-image:repeating-linear-gradient(45deg,#e11d4805 0 2px,#0000 2px 30px);animation:30s linear infinite diagonalMove;position:absolute;inset:0}@keyframes diagonalMove{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:6s ease-in-out infinite float}.animation-delay-2000{animation-delay:2s}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}.project-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.project-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#0000 30%,#e11d484d,#0000 70%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.project-card:hover:before{opacity:1}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.tech-pill{color:#d1d5db;background:#1f2937cc;border:1px solid #374151;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .3s;display:inline-block}.tech-pill:hover{color:#fff;border-color:#e11d4880;transform:translateY(-2px)}.impact-badge{background:#10b9811a;border:1px solid #10b98133;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;display:inline-flex}.impact-badge .impact-value{color:#34d399;font-size:.875rem;font-weight:600}.impact-badge .impact-label{color:#9ca3af;font-size:.75rem}.img-wrap{background-color:#1f2937;position:relative}.img-wrap:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);animation:1.5s infinite loading;position:absolute;inset:0;transform:translate(-100%)}.img-wrap.img-loaded:before{display:none}@keyframes loading{to{transform:translate(100%)}}.stat-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f29374d;border:1px solid #4b55634d;transition:all .3s}.stat-card:hover{border-color:#e11d484d;transform:translateY(-4px);box-shadow:0 20px 40px -20px #e11d484d}dialog.project-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827f2}dialog.project-dialog[open]{animation:.3s ease-out dialog-fade-in}dialog.project-dialog[open]>div{animation:.4s ease-out dialog-slide-up}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dialog-content{scrollbar-width:thin;scrollbar-color:#f43f5e4d #1f293780}.dialog-content::-webkit-scrollbar{width:6px}.dialog-content::-webkit-scrollbar-track{background:#1f293780;border-radius:3px}.dialog-content::-webkit-scrollbar-thumb{background:#f43f5e4d;border-radius:3px}.dialog-content::-webkit-scrollbar-thumb:hover{background:#f43f5e80}.photo-frame{position:relative}.photo-frame .corner{z-index:10;border:0 solid #f43f5e4d;width:32px;height:32px;position:absolute}.photo-frame .corner.tl{border-top-width:2px;border-left-width:2px;border-top-left-radius:16px;top:-4px;left:-4px}.photo-frame .corner.br{border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:16px;bottom:-4px;right:-4px}.xp-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#111827e6;border:1px solid #f43f5e4d;border-radius:12px;flex-direction:column;align-items:center;padding:8px 12px;display:flex;position:absolute;top:16px;right:16px}.xp-badge .xp-number{color:#f43f5e;font-size:1.5rem;font-weight:700;line-height:1}.xp-badge .xp-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-card{transition:all .3s}.stat-card:hover{border-color:#f43f5e4d;transform:translateY(-2px)}.btn-primary,.btn-secondary{position:relative;overflow:hidden}.btn-primary:after,.btn-secondary:after{content:"";background:#ffffff1a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:hover:after,.btn-secondary:hover:after{width:300px;height:300px}
.resume-diagonal-lines{background-image:repeating-linear-gradient(45deg,#e11d4805 0 2px,#0000 2px 30px);animation:30s linear infinite diagonalMove;position:absolute;inset:0}@keyframes diagonalMove{0%{background-position:0 0}to{background-position:60px 60px}}@keyframes pulse-slow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}@keyframes pulse-slower{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.animate-pulse-slow{animation:8s ease-in-out infinite pulse-slow}.animate-pulse-slower{animation:12s ease-in-out infinite pulse-slower}.resume-tab{position:relative;overflow:hidden}.resume-tab:before{content:"";background:#e11d4833;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resume-tab:hover:before{width:300px;height:300px}.resume-tab.active:before{background:#ffffff1a}@keyframes skillFill{0%{width:0}to{width:var(--target-width)}}.skill-bar-fill{animation:1.5s ease-out forwards skillFill}.timeline-dot{position:relative}.timeline-dot:before{content:"";background:#e11d4833;border-radius:50%;animation:2s infinite dotPulse;position:absolute;inset:-4px}@keyframes dotPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.5)}}.experience-card{transition:all .3s;position:relative}.experience-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#0000 30%,#e11d484d,#0000 70%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.experience-card:hover:after{opacity:1}.education-card{position:relative;overflow:hidden}.education-card .education-year{color:#e11d4899;font-family:monospace;font-size:.875rem;position:absolute;top:1rem;right:1rem}.education-card:hover .education-year{color:#e11d48}.skill-category{display:inline-block;position:relative}.skill-category:after{content:"";background:linear-gradient(90deg,#e11d48,#f43f5e);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.skill-category:hover:after{width:100%}.progress-glow{position:relative;overflow:hidden}.progress-glow:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@media (max-width:768px){.resume-diagonal-lines{animation-duration:20s}.timeline-dot:before{animation:none}}@media print{.resume-tab{background:0 0;border:1px solid #ccc}.skill-bar-fill{background:#000!important}}