@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{font-family:Inter,sans-serif}.grid-background{position:absolute;inset:0;background-image:linear-gradient(rgba(6,182,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(6,182,212,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 10s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles:before,.floating-particles:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-slow 20s ease-in-out infinite}.floating-particles:before{background:linear-gradient(135deg,#667eea,#764ba2);top:-200px;left:-200px}.floating-particles:after{background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-200px;right:-200px;animation-delay:10s}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.gradient-text{background:linear-gradient(135deg,#06b6d4,#ec4899,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}}.glowing-text{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px currentColor,0 0 20px currentColor}to{text-shadow:0 0 20px currentColor,0 0 30px currentColor}}.cyber-badge{padding:.5rem 1.5rem;background:linear-gradient(135deg,transparent 10px,rgba(6,182,212,.1) 10px);border:1px solid rgba(6,182,212,.5);position:relative;overflow:hidden}.cyber-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(6,182,212,.4),transparent);animation:scan 3s infinite}@keyframes scan{0%{left:-100%}to{left:100%}}.time-block{padding:1rem 1.5rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:.5rem}.stat-card{padding:1.5rem;background:linear-gradient(135deg,#06b6d41a,#8b5cf61a);border:1px solid rgba(6,182,212,.3);border-radius:.5rem;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #06b6d44d}.cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#06b6d4,#ec4899);color:#fff;font-weight:700;border-radius:.5rem;position:relative;overflow:hidden;transition:all .3s ease}.cta-button:hover{transform:scale(1.05);box-shadow:0 20px 40px #ec489966}.button-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,#06b6d4,#ec4899,#8b5cf6);border-radius:.5rem;opacity:.5;filter:blur(10px);animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.skill-card{background:#111928cc;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;position:relative;overflow:hidden;transition:all .3s ease}.skill-card:hover{transform:translateY(-10px);border-color:currentColor}.card-inner{position:relative;z-index:2}.card-icon{font-size:3rem;position:relative;display:inline-block}.icon-glow{position:absolute;inset:-10px;border-radius:50%;filter:blur(20px);opacity:.5}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.25rem .75rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:999px;font-size:.875rem;color:#06b6d4}.card-hover-effect{position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(6,182,212,.1));opacity:0;transition:opacity .3s ease}.skill-card:hover .card-hover-effect{opacity:1}.timeline-container{background:#11192880;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem}.day-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.day-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-weight:700;border-radius:.5rem}.timeline-items{position:relative;padding-left:2rem}.timeline-items:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#06b6d4,#ec4899)}.timeline-item{position:relative;margin-bottom:2rem}.timeline-dot{position:absolute;left:-26px;top:8px;width:12px;height:12px;background:#06b6d4;border:3px solid #0a0e27;border-radius:50%;box-shadow:0 0 20px #06b6d4cc;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 20px #06b6d4cc}50%{box-shadow:0 0 40px #06b6d4}}.timeline-content{background:#0a0e27cc;border:1px solid rgba(6,182,212,.2);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.timeline-content:hover{border-color:#06b6d480;transform:translate(10px);box-shadow:0 10px 30px #06b6d433}.time-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-weight:700;border-radius:.375rem;font-size:.875rem;margin-bottom:.5rem}.details-box{background:linear-gradient(135deg,#0a0e27f2,#111928f2);border:2px solid rgba(6,182,212,.3);border-radius:1rem;padding:2rem;margin-top:2rem;position:relative;overflow:hidden}.details-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(6,182,212,.2) 90deg,transparent 180deg,rgba(236,72,153,.2) 270deg,transparent 360deg);animation:rotate-gradient 8s linear infinite}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.detail-item{text-align:center;position:relative;z-index:1}.final-cta-button{display:inline-block;position:relative;padding:1.5rem 3rem;font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:.75rem;overflow:hidden;transition:all .3s ease;text-decoration:none;box-shadow:0 10px 30px #ec48994d}.final-cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 40px #ec489980}.button-pulse{position:absolute;inset:0;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);opacity:0;animation:pulse-wave 2s infinite}@keyframes pulse-wave{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}.pulse-ring{position:absolute;top:50%;left:50%;width:300px;height:300px;border:2px solid rgba(6,182,212,.3);border-radius:50%;transform:translate(-50%,-50%);animation:expand-ring 4s linear infinite}.animation-delay-2{animation-delay:1.33s}.animation-delay-4{animation-delay:2.66s}@keyframes expand-ring{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.section-title{position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#06b6d4,#ec4899,transparent);animation:slide-line 3s ease-in-out infinite}@keyframes slide-line{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.hero-title{animation:title-glow 4s ease-in-out infinite}@keyframes title-glow{0%,to{filter:drop-shadow(0 0 20px rgba(6,182,212,.5))}50%{filter:drop-shadow(0 0 40px rgba(236,72,153,.8))}}@media (max-width: 768px){.text-6xl{font-size:3rem}.md\:text-8xl{font-size:3.5rem}.text-5xl{font-size:2.5rem}.md\:text-7xl{font-size:3rem}.timeline-content{padding:1rem}.final-cta-button{padding:1rem 2rem;font-size:1rem}}body{background-color:#0a0e27;color:#e5e7eb}@keyframes glitch{0%,to{text-shadow:.05em 0 0 rgba(255,16,240,.75),-.05em -.025em 0 rgba(108,237,252,.75),.025em .05em 0 rgba(253,193,185,.75)}14%{text-shadow:.05em 0 0 rgba(255,16,240,.75),-.05em -.025em 0 rgba(108,237,252,.75),.025em .05em 0 rgba(253,193,185,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,16,240,.75),.025em .025em 0 rgba(108,237,252,.75),-.05em -.05em 0 rgba(253,193,185,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,16,240,.75),.025em .025em 0 rgba(108,237,252,.75),-.05em -.05em 0 rgba(253,193,185,.75)}50%{text-shadow:.025em .05em 0 rgba(255,16,240,.75),.05em 0 0 rgbargba(108,237,252,.75),0 -.05em 0 rgba(253,193,185,.75)}99%{text-shadow:.025em .05em 0 rgba(255,16,240,.75),.05em 0 0 rgba(108,237,252,.75),0 -.05em 0 rgba(253,193,185,.75)}}.hero-title:hover{animation:glitch .3s infinite}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0e27}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#06b6d4,#ec4899);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0891b2,#db2777)}
