.top-navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#140a12e6;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid rgba(244,114,182,.2);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:1000;box-shadow:0 4px 30px #0000004d}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px}.navbar-subtitle{font-size:.8rem;color:#ffffff80;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}.navbar-nav{display:flex;align-items:center;gap:8px}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:none;border-radius:12px;color:#ffffffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:#ffffff1a;color:#fffffff2}.nav-item.active{background:linear-gradient(135deg,#f472b64d,#fb923c33);color:#fff;border:1px solid rgba(244,114,182,.4);box-shadow:0 0 20px #f472b626}.nav-icon{font-size:1rem}.nav-label{white-space:nowrap}.navbar-actions{display:flex;align-items:center;gap:12px}.language-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#c084fc26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(192,132,252,.3);border-radius:10px;color:#c084fc;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.language-toggle:hover{background:#c084fc40;box-shadow:0 0 20px #c084fc33}.lang-code{font-weight:600;letter-spacing:.5px}@media (max-width: 900px){.top-navbar{padding:0 20px}.navbar-subtitle,.nav-label{display:none}.nav-item{padding:10px 14px}.language-toggle .nav-icon{display:none}}@media (max-width: 600px){.top-navbar{padding:0 16px;height:60px}.navbar-title{font-size:1.25rem}.nav-item{padding:8px 12px}.nav-icon{font-size:1.1rem}.language-toggle{padding:8px 12px}}.about-section{animation:fadeIn .5s ease;position:relative;z-index:1}.message-bubble{background:#140a12cc;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.2);border-radius:24px;padding:28px;margin-bottom:20px;box-shadow:0 8px 40px #0006,0 0 0 1px #f472b61a inset,0 1px #ffffff1a inset}.bubble-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #00000026}.avatar-img{width:100%;height:100%;object-fit:cover}.bubble-info h2{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 4px}.bubble-role{font-size:.875rem;color:#ffffffa6;margin:0}.bubble-content{color:#ffffffe6;line-height:1.7}.typed-text{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:#fff}.description{font-size:1rem;margin-bottom:24px;color:#ffffffbf;line-height:1.8}.about-actions{display:flex;gap:12px;flex-wrap:wrap}.resume-btn{display:inline-block;background:linear-gradient(135deg,#f472b666,#fb923c4d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:12px 28px;border-radius:14px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid rgba(244,114,182,.4);box-shadow:0 4px 15px #f472b633}.resume-btn:hover{background:linear-gradient(135deg,#f472b680,#fb923c66);transform:translateY(-2px);box-shadow:0 6px 25px #f472b64d}.linkedin-btn{display:inline-block;background:#f472b61a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;padding:12px 28px;border-radius:14px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid rgba(244,114,182,.3);box-shadow:0 4px 15px #f472b614}.linkedin-btn:hover{background:#f472b633;transform:translateY(-2px);box-shadow:0 6px 25px #f472b633;border-color:#f472b680}.timeline-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:visible}.timeline-svg-full{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.timeline-path{animation:dashAnimation 40s linear infinite}@keyframes dashAnimation{to{stroke-dashoffset:-1000}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}.marker-circle-highlight{animation:pulse 2s ease-in-out infinite}.svg-marker-group{cursor:pointer}.marker-frost-bg{filter:blur(2px)}.marker-circle{transition:all .3s ease;transform-origin:center}.svg-marker-group:hover .marker-circle{fill:#ffffff47;stroke:#ffffff73}.marker-icon-container{pointer-events:none;overflow:visible}.marker-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.marker-svg-icon{width:16px;height:16px;color:#ffffffe6}.timeline-tooltips-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.timeline-tooltip-wrapper{position:absolute;pointer-events:auto;z-index:10}.marker-hit-area{width:55px;height:55px;border-radius:50%;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tooltip-right{transform:translate(20px,-50%)}.tooltip-right .marker-tooltip{text-align:left;margin-left:18px}.tooltip-right .marker-tooltip:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);width:12px;height:2px;background:#ffffff40;border-radius:2px}.tooltip-left{transform:translate(calc(-100% - 20px),-50%)}.tooltip-left .marker-hit-area{left:auto;right:-20px;transform:translate(50%,-50%)}.tooltip-left .marker-tooltip{text-align:left;margin-right:18px}.tooltip-left .marker-tooltip:before{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:12px;height:2px;background:#ffffff40;border-radius:2px}.marker-tooltip{background:#140a12f2;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.3);padding:20px;border-radius:20px;min-width:210px;max-width:250px;box-shadow:0 10px 40px #00000080,0 0 30px #f472b61a,0 0 0 1px #f472b61a inset;position:relative;opacity:0;visibility:hidden;transform:scale(.95) translateY(5px);transition:all .25s cubic-bezier(.4,0,.2,1)}.timeline-tooltip-wrapper:hover .marker-tooltip{opacity:1;visibility:visible;transform:scale(1) translateY(0)}.tooltip-cta{background:#140a12f2;border:1px solid rgba(251,146,60,.4);box-shadow:0 10px 40px #00000080,0 0 40px #fb923c26}.tooltip-cta .marker-year{color:#fb923c}.tooltip-cta .marker-achievement{background:linear-gradient(135deg,#fb923c4d,#f472b633);border-color:#fb923c66;cursor:pointer}.marker-icon{font-size:1rem}.marker-year{font-size:.7rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.marker-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}.marker-subtitle{font-size:.8rem;color:#ffffffb3;margin:0 0 6px;line-height:1.3}.marker-location{font-size:.75rem;color:#ffffff80;margin:0 0 12px}.marker-achievement{display:inline-block;font-size:.7rem;color:#c084fc;background:#c084fc26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 14px;border-radius:10px;font-weight:500;border:1px solid rgba(192,132,252,.3)}.timeline-mobile{display:none;position:relative;padding:20px 0;margin-top:30px}.timeline-line-mobile{position:absolute;left:19px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f472b666,#c084fc4d,#fb923c66);border-radius:4px}.timeline-item-mobile{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px;position:relative}.marker-dot-mobile{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#f472b64d,#c084fc33);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #f472b633,0 0 0 1px #f472b61a inset;z-index:2;border:2px solid rgba(244,114,182,.4)}.marker-icon-mobile{width:18px;height:18px;color:#fff}.timeline-content-mobile{background:#140a12d9;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.2);padding:22px;border-radius:20px;flex:1;box-shadow:0 8px 32px #0006,0 0 0 1px #f472b61a inset}.timeline-content-mobile .marker-year{font-size:.75rem;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.timeline-content-mobile .marker-title{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}.timeline-content-mobile .marker-subtitle{font-size:.85rem;color:#ffffffb3;margin:0 0 6px;line-height:1.4}.timeline-content-mobile .marker-location{font-size:.8rem;color:#ffffff80;margin:0 0 14px}.timeline-content-mobile .marker-achievement{display:inline-block;font-size:.75rem;color:#ffffffd9;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:7px 16px;border-radius:10px;font-weight:500;border:1px solid rgba(255,255,255,.2)}.marker-dot-highlight{background:linear-gradient(135deg,#fb923c66,#f472b64d);border-color:#fb923c80;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 25px #fb923c4d}.content-highlight{background:#140a12f2;border-color:#fb923c66;box-shadow:0 0 30px #fb923c1a}.content-highlight .marker-year{color:#fb923c}.content-highlight .marker-achievement{background:linear-gradient(135deg,#fb923c4d,#f472b633);border-color:#fb923c66}@media (max-width: 1400px){.timeline-svg-full,.timeline-tooltips-container{display:none}.timeline-mobile{display:block}.timeline-background{position:relative;width:100%;height:auto;pointer-events:auto;overflow:visible}}.svg-marker-navigable{cursor:pointer;pointer-events:auto}.svg-marker-navigable .marker-circle{transition:all .25s ease}.svg-marker-navigable:hover .marker-circle{fill:#f472b659!important;stroke:#f472b6b3!important;filter:url(#glow)}.tooltip-navigable{cursor:pointer}.tooltip-navigable .marker-tooltip:after{content:"→ tap to visit";display:block;margin-top:10px;font-size:.65rem;color:#f472b699;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.timeline-item-navigable{cursor:pointer}.timeline-item-navigable .timeline-content-mobile{transition:border-color .25s ease,box-shadow .25s ease}.timeline-item-navigable:hover .timeline-content-mobile{border-color:#f472b659;box-shadow:0 0 20px #f472b61a}.timeline-item-navigable .marker-dot-mobile{transition:box-shadow .25s ease}.timeline-item-navigable:hover .marker-dot-mobile{box-shadow:0 0 20px #f472b666}@media (max-width: 480px){.message-bubble{padding:20px;border-radius:20px}.timeline-line-mobile{left:17px}.marker-dot-mobile{width:38px;height:38px;min-width:38px}.timeline-content-mobile{padding:18px;border-radius:18px}.timeline-content-mobile .marker-title{font-size:.95rem}.timeline-content-mobile .marker-subtitle{font-size:.8rem}}.experience-section{animation:fadeIn .5s ease}.experience-card{background:#140a12cc;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.15);border-radius:18px;padding:24px;margin-bottom:16px;animation:slideUp .5s ease forwards;opacity:0;box-shadow:0 4px 24px #0000004d,inset 0 1px #f472b61a;transition:all .3s ease}.experience-card:hover{background:#190c16e6;border-color:#f472b64d;transform:translateY(-2px);box-shadow:0 8px 30px #f472b61a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.company-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 4px}.company-name{font-size:.875rem;color:#fff9;margin:0}.period{font-size:.8125rem;color:#c084fc;background:#c084fc26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 14px;border-radius:10px;white-space:nowrap;border:1px solid rgba(192,132,252,.25)}.card-body{color:#ffffffbf;line-height:1.7}.location{font-size:.875rem;color:#ffffff80;margin-bottom:12px}.experience-list{margin:0;padding-left:20px;color:#ffffffbf}.experience-list li{margin-bottom:8px;font-size:.9375rem}.experience-list li:last-child{margin-bottom:0}.skills-section{animation:fadeIn .5s ease}.skills-categories{display:flex;flex-direction:column;gap:20px}.skill-category{background:#140a12bf;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.12);border-radius:16px;padding:18px 20px;box-shadow:0 4px 20px #0000004d,inset 0 1px #f472b614;animation:slideUp .5s ease forwards;opacity:0}.category-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#f472b6cc;margin:0 0 14px}.category-skills{display:flex;flex-wrap:wrap;gap:8px}.skill-chip{display:inline-flex;align-items:center;gap:6px;background:#f472b614;border:1px solid rgba(244,114,182,.15);border-radius:20px;padding:5px 12px;transition:all .2s ease;cursor:default}.skill-chip:hover{background:#f472b629;border-color:#f472b659;transform:translateY(-1px)}.skill-chip-icon{width:15px;height:15px;flex-shrink:0;opacity:.85}.skill-chip span{font-size:.8125rem;font-weight:500;color:#ffffffd9;white-space:nowrap}@media (max-width: 480px){.skill-chip span{font-size:.75rem}}.projects-section{animation:fadeIn .5s ease}.section-header{margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 8px}.section-subtitle{font-size:.875rem;color:#fff9;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:#140a12cc;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.12);border-radius:16px;overflow:hidden;transition:all .3s ease;animation:slideUp .5s ease forwards;opacity:0;box-shadow:0 4px 24px #0000004d,inset 0 1px #f472b614}.project-card:hover{transform:translateY(-4px);background:#190c16e6;border-color:#f472b64d;box-shadow:0 12px 40px #f472b61f,inset 0 1px #f472b626}.project-image{width:100%;height:160px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:18px}.project-content h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.4}.project-link{display:inline-flex;align-items:center;gap:6px;color:#fb923c;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s;padding:6px 12px;background:#fb923c26;border-radius:8px;border:1px solid rgba(251,146,60,.25)}.project-link:hover{background:#fb923c40;color:#fff;box-shadow:0 0 15px #fb923c33}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}}.contact-section{display:flex;flex-direction:column;gap:12px;animation:fadeIn .5s ease}.contact-hero{display:flex;align-items:center;gap:28px;background:#140a12cc;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(244,114,182,.15);border-radius:20px;padding:28px;box-shadow:0 8px 32px #0006,inset 0 1px #f472b61a;overflow:hidden}.contact-radar{position:relative;width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.radar-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(244,114,182,.5);animation:radar-pulse 3s ease-out infinite}.radar-ring-1{width:100px;height:100px;animation-delay:0s}.radar-ring-2{width:100px;height:100px;animation-delay:1s}.radar-ring-3{width:100px;height:100px;animation-delay:2s}@keyframes radar-pulse{0%{transform:scale(.3);opacity:.9;border-color:#f472b6b3}to{transform:scale(1.8);opacity:0;border-color:#f472b600}}.radar-core{position:relative;z-index:2;width:52px;height:52px;background:linear-gradient(135deg,#f472b64d,#c084fc33);border:1px solid rgba(244,114,182,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f472b640}.radar-icon{font-size:1.25rem;color:#f472b6f2;transform:rotate(-35deg)}.contact-hero-text{flex:1;min-width:0}.availability-badge{display:inline-flex;align-items:center;gap:7px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:500;color:#22c55ef2;margin-bottom:12px}.availability-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55ecc;animation:pulse-dot 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.contact-headline{font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#fff 30%,#f472b6d9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px;line-height:1.25}.contact-intro{font-size:.875rem;color:#fff9;line-height:1.75;margin:0}.contact-email-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#f472b61f,#c084fc14);border:1px solid rgba(244,114,182,.25);border-radius:16px;padding:20px 24px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.contact-email-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(244,114,182,.08),transparent);opacity:0;transition:opacity .3s ease}.contact-email-cta:hover{border-color:#f472b673;transform:translateY(-2px);box-shadow:0 12px 32px #f472b626}.contact-email-cta:hover:before{opacity:1}.email-cta-left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.email-cta-icon{font-size:1.75rem;color:#ea4335;flex-shrink:0}.email-cta-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;margin-bottom:3px}.email-cta-handle{display:block;font-size:.9rem;font-weight:500;color:#ffffffe6}.email-cta-action{font-size:.875rem;font-weight:600;color:#f472b6d9;white-space:nowrap;position:relative;z-index:1;transition:transform .2s ease}.contact-email-cta:hover .email-cta-action{transform:translate(4px)}.contact-social-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-social-card{display:flex;align-items:center;gap:12px;background:#140a12b3;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 18px;text-decoration:none;color:inherit;transition:all .25s ease;position:relative;overflow:hidden}.contact-social-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 14px 14px;opacity:0;transition:opacity .3s ease}.contact-linkedin:after{background:linear-gradient(90deg,transparent,rgba(10,102,194,.8),transparent)}.contact-github:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.contact-linkedin:hover{border-color:#0a66c266;box-shadow:0 8px 24px #0a66c21f;transform:translateY(-2px)}.contact-github:hover{border-color:#fff3;box-shadow:0 8px 24px #ffffff0d;transform:translateY(-2px)}.contact-social-card:hover:after{opacity:1}.social-card-icon{font-size:1.5rem;flex-shrink:0}.contact-linkedin .social-card-icon{color:#0a66c2}.contact-github .social-card-icon{color:#ffffffd9}.social-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.social-card-platform{font-size:.8125rem;font-weight:600;color:#ffffffe6}.social-card-handle{font-size:.75rem;color:#fff6}.social-card-arrow{margin-left:auto;font-size:.875rem;color:#fff3;flex-shrink:0;transition:all .2s ease}.contact-social-card:hover .social-card-arrow{color:#fff9;transform:translate(2px,-2px)}.contact-location-strip{display:flex;align-items:center;gap:8px;padding:12px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;font-size:.8125rem;color:#ffffff73}.location-icon{color:#f472b6b3;font-size:.875rem;flex-shrink:0}.contact-location-strip span:nth-child(2){color:#ffffffa6;font-weight:500}.location-dot{color:#fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.contact-hero{flex-direction:column;text-align:center;gap:20px}.availability-badge{margin:0 auto 12px}.contact-email-cta{flex-direction:column;align-items:flex-start;gap:12px}.contact-social-row{grid-template-columns:1fr}}.chat-area{margin-top:70px;min-height:calc(100vh - 70px);background:transparent;display:flex;flex-direction:column}.chat-content{flex:1;padding:32px 20px;max-width:900px;margin:0 auto;width:100%;box-sizing:border-box}@media (max-width: 900px){.chat-content{padding:24px 20px}}@media (max-width: 600px){.chat-area{margin-top:60px;min-height:calc(100vh - 60px)}.chat-content{padding:20px 16px}}.warp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;pointer-events:none;animation:warp-sequence 3s cubic-bezier(.4,0,.2,1) forwards;overflow:hidden}@keyframes warp-sequence{0%{-webkit-backdrop-filter:blur(0px) brightness(1) saturate(1);backdrop-filter:blur(0px) brightness(1) saturate(1);background:transparent}15%{-webkit-backdrop-filter:blur(6px) brightness(1.3) saturate(.5);backdrop-filter:blur(6px) brightness(1.3) saturate(.5);background:#f472b608}40%{-webkit-backdrop-filter:blur(22px) brightness(2.8) saturate(.1);backdrop-filter:blur(22px) brightness(2.8) saturate(.1);background:#ffffff1f}50%{-webkit-backdrop-filter:blur(30px) brightness(5) saturate(0);backdrop-filter:blur(30px) brightness(5) saturate(0);background:#ffffff47}65%{-webkit-backdrop-filter:blur(18px) brightness(2) saturate(2);backdrop-filter:blur(18px) brightness(2) saturate(2);background:#c084fc0d}85%{-webkit-backdrop-filter:blur(4px) brightness(1.1) saturate(1.2);backdrop-filter:blur(4px) brightness(1.1) saturate(1.2);background:transparent}to{-webkit-backdrop-filter:blur(0px) brightness(1) saturate(1);backdrop-filter:blur(0px) brightness(1) saturate(1);background:transparent}}.warp-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.07) 3px,rgba(0,0,0,.07) 4px);opacity:0;animation:warp-scanlines-fade 3s ease forwards}@keyframes warp-scanlines-fade{0%{opacity:0}25%{opacity:.6}50%{opacity:1}80%{opacity:.3}to{opacity:0}}.warp-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 15%,rgba(10,0,15,.65) 100%);animation:warp-vignette-pulse 3s ease forwards}@keyframes warp-vignette-pulse{0%{opacity:0}30%{opacity:1}55%{opacity:.4}to{opacity:0}}.warp-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:warp-label-appear 3s ease forwards}@keyframes warp-label-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.7);filter:blur(16px)}10%{opacity:0}20%{opacity:1;transform:translate(-50%,-50%) scale(1.05);filter:blur(0px)}53%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0px)}75%{opacity:0;transform:translate(-50%,-50%) scale(1.15);filter:blur(10px)}to{opacity:0}}.warp-label-pre{font-size:.65rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#ffffff8c}.warp-label-dest{font-size:2.25rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(135deg,#fff 20%,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.warp-particles{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.warp-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:#f472b6e6;animation:warp-particle-shoot 3s ease-out forwards;animation-delay:calc(var(--i) * .1s);transform-origin:center}@keyframes warp-particle-shoot{0%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translate(0) scaleY(1);width:2px;height:2px}15%{opacity:1}45%{opacity:.9;transform:rotate(calc(var(--i) * 30deg)) translate(28vw) scaleY(10);width:1px;height:14px;background:#f472b699}70%{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translate(52vw) scaleY(1)}to{opacity:0}}.app-container{min-height:100vh;background:linear-gradient(135deg,#1a0a14,#1f1020,#0f0a14)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}:root{--sidebar-bg: #171717;--main-bg: #343541;--card-bg: #444654;--text-primary: #ececec;--text-secondary: #8e8ea0;--accent-color: #10a37f;--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--main-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}.container{width:100%;padding:0}