@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@300;400;500;600;700&display=swap";.slide-down-enter-active[data-v-520640ee],.slide-down-leave-active[data-v-520640ee]{transition:all .3s ease}.slide-down-enter-from[data-v-520640ee],.slide-down-leave-to[data-v-520640ee]{opacity:0;transform:translateY(-10px)}.router-link-exact-active[data-v-520640ee]:not(.text-cyan-400){color:#00d4ff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow-x:hidden;min-height:100vh}.code-font{font-family:JetBrains Mono,monospace}.hero-bg{background:radial-gradient(ellipse at center,#00d4ff1a,#ff006b1a,#39ff141a)}.glow-effect{box-shadow:0 0 20px #00d4ff4d}.text-glow{text-shadow:0 0 10px rgba(255,0,107,.5)}.skill-card,.content-card,.timeline-card,.project-card,.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-card:hover,.content-card:hover,.timeline-card:hover,.project-card:hover,.contact-card:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 30px #00d4ff33}.project-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00d4ff33}.nav-link{position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;bottom:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,#00d4ff,#ff006b);transition:left .3s ease}.nav-link:hover:before{left:0}.content-reveal--animation{opacity:0}.content-reveal{transform:translateY(30px)}.content-reveal.revealed{opacity:1;transform:translateY(0);transition:all .6s ease}.hero-overlay{background:linear-gradient(135deg,#1a1a2ecc,#16213e99,#0f3460cc)}.floating-element{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.code-highlight{background:linear-gradient(45deg,#00d4ff33,#ff006b33);border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:2px 8px}.progress-bar{transition:width 1s ease;background:linear-gradient(90deg,#00d4ff,#ff006b);height:8px;border-radius:4px}.tech-badge{background:#00d4ff33;border:1px solid rgba(0,212,255,.3);transition:all .3s ease}.tech-badge:hover{background:#00d4ff4d;transform:scale(1.05)}.code-floater{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#00d4ff;opacity:.3;pointer-events:none;z-index:1}.hero-image{background-image:url(/resources/hero-image.png);background-size:cover;background-position:center;background-attachment:fixed}.skills-bg{background-image:url(/resources/code-dance-fusion.png);background-size:cover;background-position:center;background-attachment:fixed}.philosophy-bg{background-image:url(/resources/tech-evolution-timeline.png);background-size:cover;background-position:center;background-attachment:fixed}.timeline-item--animation{opacity:0}.timeline-item{transform:translateY(50px)}.timeline-item.revealed{opacity:1;transform:translateY(0);transition:all .6s ease}.learning-journey-card--animation,.career-stat-card--animation,.skill-overview-card--animation,.home-stat-card--animation{opacity:0}.timeline-line{background:linear-gradient(to bottom,#00d4ff,#ff006b,#39ff14);width:4px;position:absolute;left:50%;transform:translate(-50%)}.timeline-dot{width:20px;height:20px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);border:4px solid #1A1A2E;z-index:10}.dance-code-pattern{background:radial-gradient(circle at 50% 50%,#00d4ff1a,#ff006b1a,#39ff141a)}.skill-level{background:conic-gradient(from 0deg,#00d4ff,#ff006b,#39ff14,#00d4ff 360deg);border-radius:50%;padding:3px}.skill-level-inner{background:#1a1a2e;border-radius:50%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.category-filter,.filter-btn{transition:all .3s ease}.category-filter.active,.filter-btn.active{background:linear-gradient(45deg,#00d4ff,#ff006b);color:#000}.form-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.form-input:focus{background:#ffffff1a;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.form-input.error{border-color:#ff006b;box-shadow:0 0 0 3px #ff006b1a}.form-input.success{border-color:#39ff14;box-shadow:0 0 0 3px #39ff141a}.social-link{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.social-link:hover{background:#fff3;transform:translateY(-3px) scale(1.05)}.submit-btn{background:linear-gradient(45deg,#00d4ff,#ff006b);transition:all .3s ease}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.availability-badge,.achievement-badge{background:linear-gradient(45deg,gold,#ff6b35);color:#000;font-weight:700}.code-snippet{background:#00000080;border:1px solid rgba(255,255,255,.1);font-family:JetBrains Mono,monospace}.project-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000c}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.2)}.radar-container,.chart-container{height:400px;width:100%}.particle-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}@media (max-width: 768px){.hero-image,.skills-bg,.philosophy-bg{background-attachment:scroll}}