@keyframes hero-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes hero-blink{50%{opacity:0}}.hero-orb{filter:blur(1px);opacity:.18;pointer-events:none;border-radius:999px;position:absolute}.hero-orb-one{background:var(--primary);width:14rem;height:14rem;top:12%;right:7%}.hero-orb-two{background:var(--accent-sky);width:7rem;height:7rem;bottom:10%;left:28%}.hero-gradient-text{background:linear-gradient(120deg, var(--primary), var(--accent-orange) 45%, var(--accent-sky));color:#0000;-webkit-background-clip:text;background-clip:text}.status-dot{background:var(--success);width:.45rem;height:.45rem;box-shadow:0 0 0 4px var(--success-soft);border-radius:999px}.hero-button{transition:transform .25s,box-shadow .25s,border-color .25s,background-color .25s}.hero-button:hover{transform:translateY(-3px)}.hero-button:active{transform:translateY(0)scale(.97)}.hero-button-primary:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--primary) 28%, transparent)}.code-window{transform:translateZ(0)}.window-dot{opacity:.85;border-radius:999px;width:.55rem;height:.55rem;display:block}.window-dot-red{background:var(--accent-red)}.window-dot-yellow{background:var(--accent-yellow)}.window-dot-green{background:var(--success)}.status-text,.status-pip{color:var(--success)}.status-pip{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.current-role-badge{color:var(--success);background:var(--success-soft)}.code-number{color:var(--muted);opacity:.5;-webkit-user-select:none;user-select:none}.code-keyword{color:var(--accent-purple)}.code-name{color:var(--accent-sky)}.code-string{color:var(--accent-orange)}.code-value{color:var(--success)}.typing-cursor{vertical-align:middle;background:var(--primary);width:.45rem;height:1rem;margin-left:.35rem;animation:1s steps(2,jump-none) infinite hero-blink;display:inline-block}.code-window-shine{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--foreground) 8%, transparent), transparent);width:35%}@keyframes skill-reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.skills-section{isolation:isolate}.skills-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 45%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 45%, transparent) 1px, transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(#000,#0000 72%);mask-image:radial-gradient(#000,#0000 72%)}.skills-stat-card{animation:7s ease-in-out infinite hero-float}.skill-card{animation:skill-reveal .65s var(--skill-delay) ease-out both;transition:transform .3s,border-color .3s,box-shadow .3s,background-color .3s}.skill-card:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));background-color:color-mix(in srgb, var(--surface) 88%, var(--primary));box-shadow:0 18px 38px color-mix(in srgb, var(--shadow-color) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-7px)}.skill-card:active{transform:translateY(-3px)scale(.99)}.skill-icon{transition:transform .3s,background-color .3s}.skill-card:hover .skill-icon{background-color:color-mix(in srgb, var(--primary) 22%, transparent);transform:rotate(-8deg)scale(1.08)}.skill-progress{transform-origin:0;animation:skill-reveal 1s var(--skill-delay) ease-out both}.skill-card-glow{opacity:.35;transition:opacity .3s,transform .3s}.skill-card:hover .skill-card-glow{opacity:.9;transform:scale(1.5)}@keyframes project-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.projects-section{isolation:isolate}.projects-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.project-count{animation:7s ease-in-out infinite hero-float}.project-card{animation:project-reveal .7s var(--project-delay) ease-out both;transition:transform .35s,border-color .35s,box-shadow .35s}.project-card:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));box-shadow:0 20px 44px color-mix(in srgb, var(--shadow-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-8px)}.project-card:active{transform:translateY(-3px)scale(.995)}.project-preview{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 27%, var(--surface)), var(--surface) 55%, color-mix(in srgb, var(--preview-cyan) 18%, transparent))}.project-preview-1{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-sky) 22%, transparent), var(--surface) 55%, color-mix(in srgb, var(--primary) 20%, var(--surface)))}.project-preview-2{background:linear-gradient(135deg, color-mix(in srgb, var(--preview-purple) 22%, transparent), var(--surface) 55%, color-mix(in srgb, var(--preview-cyan) 20%, transparent))}.project-preview-lines{background-image:linear-gradient(120deg, transparent 35%, color-mix(in srgb, var(--shine) 8%, transparent) 35.2%, transparent 35.5%), linear-gradient(30deg, transparent 60%, color-mix(in srgb, var(--shine) 5%, transparent) 60.2%, transparent 60.5%);background-size:80px 80px,110px 110px;transition:transform .6s,opacity .3s}.project-card:hover .project-preview-lines{opacity:.9;transform:scale(1.12)rotate(2deg)}.project-preview-glow{opacity:.55;transition:transform .5s,opacity .5s}.project-card:hover .project-preview-glow{opacity:1;transform:scale(1.5)}.project-arrow{transition:transform .3s,background-color .3s}.project-card:hover .project-arrow{background-color:color-mix(in srgb, var(--primary) 15%, transparent);transform:translate(3px,-3px)rotate(8deg)}.project-link span{transition:transform .25s;display:inline-block}.project-link:hover span{transform:translate(3px,-3px)}@keyframes journey-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.journey-section{isolation:isolate}.journey-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.journey-count{animation:7s ease-in-out infinite hero-float}.journey-card{animation:journey-reveal .7s var(--journey-delay) ease-out both;transition:transform .35s,border-color .35s,box-shadow .35s}.journey-card:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));box-shadow:0 20px 44px color-mix(in srgb, var(--shadow-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-8px)}.journey-card:active{transform:translateY(-3px)scale(.995)}.journey-platform{transition:transform .3s,background-color .3s}.journey-card:hover .journey-platform{transform:rotate(-7deg)scale(1.08)}.journey-card-orange .journey-platform{color:var(--accent-orange);background:color-mix(in srgb, var(--accent-orange) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent-orange) 30%, transparent)}.journey-card-green .journey-platform{color:var(--success);background:var(--success-soft);border:1px solid color-mix(in srgb, var(--success) 28%, transparent)}.journey-card-orange .journey-card-glow{background:color-mix(in srgb, var(--accent-orange) 28%, transparent)}.journey-card-green .journey-card-glow{background:color-mix(in srgb, var(--success) 22%, transparent)}.journey-card-glow{opacity:.35;transition:opacity .4s,transform .4s}.journey-card:hover .journey-card-glow{opacity:.8;transform:scale(1.25)}.journey-external{transition:transform .3s,background-color .3s}.journey-card:hover .journey-external{background:color-mix(in srgb, var(--primary) 14%, transparent);transform:translate(3px,-3px)rotate(8deg)}@keyframes certificate-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.certificate-section{isolation:isolate}.certificate-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.certificate-count{animation:7s ease-in-out infinite hero-float}.certificate-card{animation:certificate-reveal .7s var(--certificate-delay) ease-out both;transition:transform .35s,border-color .35s,box-shadow .35s}.certificate-card:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));box-shadow:0 20px 44px color-mix(in srgb, var(--shadow-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-8px)}.certificate-card:active{transform:translateY(-3px)scale(.995)}.certificate-seal{transition:transform .35s,background-color .35s}.certificate-card:hover .certificate-seal{background-color:color-mix(in srgb, var(--primary) 20%, transparent);transform:rotate(12deg)scale(1.08)}.certificate-arrow{transition:transform .3s,background-color .3s}.certificate-card:hover .certificate-arrow{background-color:color-mix(in srgb, var(--primary) 14%, transparent);transform:translate(3px,-3px)rotate(8deg)}.certificate-card-glow{opacity:.3;transition:opacity .4s,transform .4s}.certificate-card:hover .certificate-card-glow{opacity:.8;transform:scale(1.25)}@keyframes resume-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.resume-section{isolation:isolate}.resume-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.resume-copy{animation:.7s ease-out both resume-reveal}.resume-document{transition:transform .35s,border-color .35s,box-shadow .35s;animation:.7s ease-out .15s both resume-reveal,7s ease-in-out 1s infinite hero-float}.resume-document:hover{border-color:color-mix(in srgb, var(--primary) 65%, var(--border));box-shadow:0 26px 52px color-mix(in srgb, var(--shadow-color) 28%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);transform:translateY(-8px)rotate(1deg)}.resume-button{transition:transform .25s,box-shadow .25s,border-color .25s}.resume-button:hover{border-color:var(--primary);transform:translateY(-3px)}.resume-button:active{transform:translateY(0)scale(.97)}.resume-button span{margin-left:.3rem;transition:transform .25s;display:inline-block}.resume-button:hover span{transform:translate(2px,-2px)}.resume-button-primary:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--primary) 28%, transparent)}.resume-paper-shine{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--shine) 70%, transparent), transparent);width:30%;transition:transform .8s;transform:translate(-140%)skew(-18deg)}.resume-document:hover .resume-paper-shine{transform:translate(420%)skew(-18deg)}.resume-label{letter-spacing:.16em;text-transform:uppercase;color:var(--primary);font-size:8px;font-weight:700}.resume-line{background:var(--paper-line);border-radius:999px;height:4px;margin-top:6px}.resume-paper{background:var(--paper);color:var(--paper-foreground)}.resume-muted{color:color-mix(in srgb, var(--paper-foreground) 60%, transparent)}.resume-mark{background:var(--primary);color:var(--primary-foreground)}.resume-paper-footer{border-color:color-mix(in srgb, var(--paper-foreground) 18%, transparent);color:color-mix(in srgb, var(--paper-foreground) 50%, transparent)}.resume-document-badge{animation:5s ease-in-out -2s infinite hero-float}@keyframes about-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.about-section{isolation:isolate}.about-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.about-copy{animation:.7s ease-out both about-reveal}.about-cards{animation:.7s ease-out .12s both about-reveal}.about-avatar{box-shadow:0 0 0 6px color-mix(in srgb, var(--primary) 12%, transparent);transition:transform .3s}.about-avatar:hover{transform:rotate(-8deg)scale(1.08)}.about-card{transition:transform .3s,border-color .3s,box-shadow .3s,background-color .3s}.about-card:hover{border-color:color-mix(in srgb, var(--primary) 58%, var(--border));box-shadow:0 16px 34px color-mix(in srgb, var(--shadow-color) 15%, transparent);transform:translateY(-6px)}.about-card-feature{position:relative;overflow:hidden}.about-card-feature:after{background:var(--primary);content:"";opacity:.12;filter:blur(2rem);border-radius:999px;width:9rem;height:9rem;transition:transform .4s;position:absolute;top:-3rem;right:-2rem}.about-card-feature:hover:after{transform:scale(1.5)}.about-card-icon{color:var(--primary);font-size:1.5rem}.about-fact{transition:transform .25s,border-color .25s,color .25s}.about-fact:hover{border-color:var(--primary);color:var(--foreground);transform:translateY(-3px)}.about-contact{transition:transform .25s,border-color .25s,box-shadow .25s}.about-contact:hover{border-color:var(--primary);box-shadow:0 12px 28px color-mix(in srgb, var(--primary) 16%, transparent);transform:translateY(-3px)}.about-contact:hover span{transform:translate(3px,-3px)}@keyframes contact-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.contact-section{isolation:isolate}.contact-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.contact-info,.contact-form{animation:.7s ease-out both contact-reveal}.contact-form{animation-delay:.12s}.contact-icon{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 12%, transparent);width:2.75rem;height:2.75rem;color:var(--primary);border-radius:.85rem;flex-shrink:0;place-items:center;font-size:1.25rem;font-weight:700;transition:transform .3s,background-color .3s;display:grid}.contact-detail:hover .contact-icon{background-color:color-mix(in srgb, var(--primary) 20%, transparent);transform:rotate(-8deg)scale(1.08)}.contact-icon-whatsapp{color:var(--success);border-color:color-mix(in srgb, var(--success) 28%, transparent);background:color-mix(in srgb, var(--success) 10%, transparent)}.contact-arrow{transition:transform .25s}.contact-detail:hover .contact-arrow{transform:translate(3px,-3px)}.contact-field-label{color:var(--foreground);font-size:.875rem;font-weight:600}.contact-submit{transition:transform .25s,box-shadow .25s}.contact-submit:hover{box-shadow:0 12px 30px color-mix(in srgb, var(--primary) 28%, transparent);transform:translateY(-3px)}.contact-submit:active{transform:translateY(0)scale(.98)}.contact-submit span{margin-left:.35rem;transition:transform .25s;display:inline-block}.contact-submit:hover span{transform:translate(3px,-3px)}@media (max-width:767px){.about-section,.contact-section{padding-top:5rem;padding-bottom:5rem}.about-section>.relative,.contact-section>.relative{gap:2.5rem}.about-copy h2,.contact-section h1{font-size:2.25rem;line-height:1.15}.about-copy>p:not(.mb-3),.contact-section .max-w-3xl>p{font-size:1rem;line-height:1.75}.about-copy>.flex{align-items:flex-start}.about-copy>.flex>div{min-width:0}.about-copy>.flex p{overflow-wrap:anywhere}.about-cards{grid-template-columns:1fr}.about-card-feature{grid-column:auto}.about-card,.about-fact{min-width:0}.about-fact{overflow-wrap:anywhere}.contact-section .mt-12{margin-top:2rem}.contact-info,.contact-form{padding:1.25rem}.contact-info>.space-y-5{margin-top:1.5rem}.contact-detail{gap:.75rem;min-width:0;padding:.65rem}.contact-detail>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.contact-detail .contact-icon{width:2.5rem;height:2.5rem}.contact-detail .contact-arrow{flex-shrink:0}.contact-form>div:first-child{margin-bottom:1.5rem}}@keyframes experience-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.experience-section{isolation:isolate}.experience-grid{background-image:linear-gradient(color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 40%, transparent) 1px, transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.experience-count{animation:7s ease-in-out infinite hero-float}.experience-timeline{padding-left:1.5rem}.experience-timeline:before{background:linear-gradient(var(--primary), var(--border) 75%, transparent);content:"";width:1px;position:absolute;top:.5rem;bottom:.5rem;left:.25rem}.experience-card{transition:transform .35s,border-color .35s,box-shadow .35s,background-color .35s;animation:.7s ease-out both experience-reveal}.experience-card-current{animation-delay:80ms}.experience-card:not(.experience-card-current){animation-delay:.18s}.experience-card:hover{border-color:color-mix(in srgb, var(--primary) 60%, var(--border));box-shadow:0 18px 40px color-mix(in srgb, var(--shadow-color) 18%, transparent), 0 0 0 1px color-mix(in srgb, var(--primary) 10%, transparent);transform:translateY(-7px)}.experience-card:active{transform:translateY(-3px)scale(.995)}.experience-marker{border:2px solid var(--background);background:var(--primary);width:1rem;height:1rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 15%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;top:2rem;left:-1.88rem}.experience-marker span{background:var(--primary-foreground);border-radius:999px;width:.3rem;height:.3rem}.experience-card-glow{opacity:.35;transition:opacity .4s,transform .4s}.experience-card:hover .experience-card-glow{opacity:.85;transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.hero-content,.hero-visual,.hero-scroll-cue,.hero-orb,.code-window,.floating-badge,.status-dot,.typing-cursor,.code-window-shine,.skills-stat-card,.skill-card,.skill-progress,.project-count,.project-card,.journey-count,.journey-card,.certificate-count,.certificate-card,.resume-copy,.resume-document,.resume-document-badge,.about-copy,.about-cards,.experience-count,.experience-card{animation:none}.hero-button,.skill-card,.skill-icon,.skill-card-glow,.project-card,.project-preview-lines,.project-preview-glow,.project-arrow,.project-link span,.journey-card,.journey-platform,.journey-card-glow,.journey-external,.certificate-card,.certificate-seal,.certificate-arrow,.certificate-card-glow,.resume-document,.resume-button,.resume-paper-shine,.about-avatar,.about-card,.about-card-feature:after,.about-fact,.about-contact,.contact-info,.contact-form,.contact-icon,.contact-arrow,.contact-submit,.contact-submit span,.experience-card,.experience-card-glow{transition:none;animation:none}}