@keyframes animationIn{0%{opacity:0;filter:blur(10px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}.animate-in{animation:1.2s cubic-bezier(.16,1,.3,1) both animationIn}@keyframes shimmer{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(250%)skew(-15deg)}}.bg-grid{background-image:radial-gradient(circle at 1px 1px,#0000000d 1px,#0000 0);background-size:40px 40px}.reveal-in{opacity:0;filter:blur(10px);transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-in.active{opacity:1;filter:blur();transform:translateY(0)}.bg-grid{pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,#0000000d 1px,#0000 0);background-size:40px 40px;position:fixed;inset:0}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #0000000d;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 40px #0000000d}nav .nav-btn,nav .nav-btn-text{border-color:#0000001a;transition:all .4s cubic-bezier(.16,1,.3,1);color:#050505!important}nav .nav-btn:hover{color:#fff!important;background-color:#050505!important}nav.scrolled .glass-panel{background:#050505cc;border-color:#ffffff1a;box-shadow:0 20px 40px #0006}nav.scrolled .nav-link{color:#fff9!important}nav.scrolled .nav-link:hover{color:#ff5c00!important}nav.scrolled .nav-logo{color:#fff!important}nav.scrolled .nav-accent-bar{background-color:#fff!important}nav.scrolled .nav-btn,nav.scrolled .nav-btn-text{color:#fff!important;border-color:#fff3!important}nav.scrolled .nav-btn:hover{color:#050505!important;background-color:#fff!important}#preloader{transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}.reveal-stagger>*{opacity:0;filter:blur(10px);transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-stagger.active>*{opacity:1;filter:blur();transform:translateY(0)}.reveal-stagger.active>:first-child{transition-delay:.1s}.reveal-stagger.active>:nth-child(2){transition-delay:.2s}.reveal-stagger.active>:nth-child(3){transition-delay:.3s}.reveal-stagger.active>:nth-child(4){transition-delay:.4s}.reveal-stagger.active>:nth-child(5){transition-delay:.5s}.image-reveal{clip-path:inset(0 100% 0 0);transition:clip-path 1.5s cubic-bezier(.77,0,.175,1)}.image-reveal.active{clip-path:inset(0)}button,a,.flashlight-card,.project-card,.nav-btn{transition:all .7s cubic-bezier(.16,1,.3,1)}button:active,a:active{transition-duration:.1s;transform:scale(.95)}.click-ripple{pointer-events:none;z-index:50;background:#fff3;border-radius:50%;animation:.7s cubic-bezier(.16,1,.3,1) ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}@keyframes beam{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.flashlight-card{border:1px solid var(--border);transform-style:preserve-3d;perspective:1000px;background:#ffffff05;position:relative;overflow:hidden}.border-beam{opacity:.1;background:conic-gradient(#0000 0% 70%,#fff 100%);width:200%;height:200%;transition:opacity .3s;animation:3s linear infinite beam;position:absolute;top:50%;left:50%}.border-beam-container:hover .border-beam{opacity:.5}.animate-shimmer{animation:6s linear infinite shimmer}.flashlight-card{transform-style:preserve-3d;perspective:1000px;transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative}.flashlight-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ff5c0026, #ff5c000d 30%, transparent 60%);opacity:0;pointer-events:none;z-index:10;border-radius:inherit;transition:opacity .5s;position:absolute;inset:0}.flashlight-card:hover:before{opacity:1}.profile-img{filter:grayscale()contrast(110%);transition:all .7s cubic-bezier(.16,1,.3,1);transform:translateZ(20px)}.flashlight-card:hover .profile-img{filter:grayscale(0%)contrast();transform:translateZ(40px)scale(1.05)}.badge{text-transform:uppercase;letter-spacing:.15em;z-index:50;white-space:nowrap;background:#fff;border:1px solid #0000000d;border-radius:99px;align-items:center;gap:10px;padding:12px 24px;font-size:10px;font-weight:800;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 15px 35px #0000001a}.badge-dark{color:#fff;background:#050505;border:none;box-shadow:0 15px 35px #0003}::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none;color:#0f172a;background-color:#050505;overflow-x:hidden}.timeline-container{color:#e6e6e6;background-color:#050505;padding:0 0 100px;position:relative;overflow:hidden}.timeline-line{background:linear-gradient(#0000,#ff5c0033,#ff5c0080,#ff5c0033,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-progress{z-index:10;background:#ff5c00;width:2px;height:0;transition:height .5s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff5c00}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;transition:all .5s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:#ffffff0d;border-color:#ff5c004d;transform:translateY(-5px)}.timeline-year{color:#ff5c00;letter-spacing:.2em;font-family:Space Mono,monospace;font-size:.875rem;font-weight:700}.floating-blob{filter:blur(80px);z-index:0;opacity:.15;pointer-events:none;border-radius:50%;position:absolute}@media (width<=1024px){.timeline-line,.timeline-progress{left:30px;transform:none}}.projects-container{background:linear-gradient(#050505,#0a0b10,#08080c);margin-top:-1px;padding:40px 0 100px;position:relative;overflow:hidden}.project-card{transform-style:preserve-3d;perspective:1200px;background:#121212;border:1px solid #ffffff0d;border-radius:32px;position:relative;overflow:hidden}.project-card:hover{border-color:#ff5c004d;transform:translateY(-15px);box-shadow:0 40px 80px #0009}.project-image{object-fit:cover;filter:contrast(1.1)saturate(1.1);width:100%;height:100%;image-rendering:-webkit-optimize-contrast;border-radius:32px;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.project-card:hover .project-image{filter:brightness()grayscale(0%);transform:scale(1.1)}.project-overlay{z-index:20;pointer-events:none;background:linear-gradient(#0000 0%,#0003 50%,#000c 100%);border-radius:32px;flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;inset:0}.project-content{opacity:0;transform-style:preserve-3d;pointer-events:auto;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translateY(20px);overflow:visible!important}.project-card:hover .project-content{opacity:1;transform:translateY(0)}.status-badge{backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.1em;z-index:30;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:99px;padding:6px 12px;font-size:10px;font-weight:700;position:absolute;top:20px;right:20px}.status-badge.production{color:#4ade80;background:#22c55e33;border-color:#22c55e4d}.slideshow-image{object-fit:cover;opacity:0;filter:contrast(1.1)saturate(1.1);width:100%;height:100%;image-rendering:-webkit-optimize-contrast;border-radius:32px;transition:transform .7s cubic-bezier(.16,1,.3,1);animation:16s infinite slideshow;position:absolute;inset:0}.project-card:hover .slideshow-image{filter:brightness()grayscale(0%);transform:scale(1.1)}.slideshow-image:first-child{animation-delay:0s}.slideshow-image:nth-child(2){animation-delay:4s}.slideshow-image:nth-child(3){animation-delay:8s}.slideshow-image:nth-child(4){animation-delay:12s}@keyframes slideshow{0%,20%{opacity:1}25%,95%{opacity:0}to{opacity:0}}.card-glow-blue:hover{border-color:#009dff66!important;box-shadow:0 0 30px #009dff33!important}.card-glow-purple:hover{border-color:#b0f6!important;box-shadow:0 0 30px #b0f3!important}.highlights-slider{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:24px;padding:20px 0 40px;display:flex;overflow-x:auto}.highlights-slider::-webkit-scrollbar{display:none}.slider-item{scroll-snap-align:center;flex:0 0 100%}@media (width>=768px){.slider-item{flex:0 0 45%}}@media (width>=1024px){.slider-item{flex:0 0 31%}}.slider-mask{position:relative}.slider-mask:after{display:none}