@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.contact-section{padding:60px 20px;background:transparent;color:var(--color-text-primary);text-align:center;position:relative;overflow:hidden}@keyframes subtleGlow{0%,to{opacity:.6}50%{opacity:1}}.contact-section,.contact-link,.contact-icon{will-change:transform,opacity,filter;transform-style:preserve-3d;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.contact-section:before,.contact-section:after,.contact-link,.contact-icon{animation:none;transition:none}.contact-link:hover{transform:none}}@media (prefers-contrast: high){.contact-link{border:2px solid currentColor;background:#000c}.contact-link:hover{background:#ffffffe6;color:#000000e6}}.contact-title{font-size:2.5rem;color:#58a6ff;margin-bottom:20px;transition:color .3s ease,transform .3s ease}.contact-title:hover{color:#0ff;transform:scale(1.1)}.contact-description{font-size:1.2rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;color:#b3b3b3}.contact-links{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;padding:30px 20px;position:relative;z-index:2}.contact-link{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:16px 24px;border-radius:12px;background:transparent;border:1px solid var(--color-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:120px;will-change:transform,color,border-color}.contact-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-accent);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.contact-link:hover{transform:translateY(-2px);color:var(--color-background);border-color:var(--color-accent);box-shadow:0 8px 25px #00000026}.contact-link:hover:before{opacity:1}.contact-link:active{transform:translateY(0);transition:all .1s ease}.contact-icon{margin-right:12px;font-size:1.4rem;transition:all .3s ease}.contact-link:hover .contact-icon{transform:scale(1.1)}@media (max-width: 768px){.contact-section{padding:50px 15px}.contact-links{flex-direction:column;gap:20px;padding:25px 15px}.contact-link{font-size:.95rem;padding:14px 20px;min-width:120px}.contact-icon{font-size:1.3rem;margin-right:10px}}@media (max-width: 480px){.contact-section{padding:40px 10px}.contact-links{gap:16px;padding:20px 10px}.contact-link{font-size:.9rem;padding:12px 18px;min-width:100px}.contact-icon{font-size:1.2rem;margin-right:8px}}.star-border-container{display:inline-block;position:relative;border-radius:5px;overflow:hidden;padding:var(--star-thickness) 0}.border-gradient-bottom{position:absolute;width:300%;height:calc(var(--star-thickness, 1px) + 10px);bottom:calc(var(--star-thickness, 1px) * -1 - 5px);right:-250%;border-radius:50%;animation:star-movement-bottom linear infinite alternate;z-index:0}.border-gradient-top{position:absolute;opacity:.7;width:300%;height:calc(var(--star-thickness, 1px) + 10px);top:calc(var(--star-thickness, 1px) * -1 - 5px);left:-250%;border-radius:50%;animation:star-movement-top linear infinite alternate;z-index:0}.inner-content{position:relative;background:transparent;color:var(--color-text-primary);padding:1rem 2rem;font-size:16px;text-align:center;border-radius:2px;z-index:1}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes star-movement-top{0%{transform:translate(0);opacity:.5}to{transform:translate(100%);opacity:0}}.hero-title{font-size:4rem;transition:color .4s,transform .4s}.hero-title:hover{color:#af74d4;transform:scale(1.1)}.hero-profile-pic img{border-radius:55%;width:320px;transition:transform .4s ease,box-shadow .4s ease}.hero-profile-pic img:hover{transform:scale(1.1);box-shadow:0 0 15px 5px #58a6ff80}.hero-description:hover{color:#0ff;text-shadow:0 0 10px rgba(255,255,255,.5)}.decrypted-text-container{min-height:4.8em;line-height:1.2em;overflow:hidden}.p{font-size:large}@media (max-width: 768px){.hero-title{font-size:2.5rem;text-align:center}.hero-profile-pic img{width:280px;margin:0 auto}.hero-description{text-align:center;font-size:1rem;padding:10px;color:#fdfdfd}}.navbar{margin-bottom:3rem;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.navbar-logo{display:flex;flex-shrink:0;align-items:center}.navbar-logo a{background-color:transparent!important}.navbar-logo img{margin:0 .5rem;width:2.7rem;height:auto;border-radius:50%;transition:transform .3s ease}.navbar-logo img:hover{transform:scale(1.1)}.navbar-links{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.125rem}.navbar-icon-link{color:var(--color-text-primary);transition:all .3s ease;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.navbar-icon-link:hover{color:var(--color-accent);transform:scale(1.1);background:#ffffff0d}.contact-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;will-change:transform,color,border-color}.contact-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-accent);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.contact-button:hover{transform:translateY(-1px);color:var(--color-background);border-color:var(--color-accent);box-shadow:0 4px 15px #0000001a}.contact-button:hover:before{opacity:1}.contact-button:active{transform:translateY(0);transition:all .1s ease}.contact-button-icon{font-size:1rem;transition:transform .3s ease}.contact-button:hover .contact-button-icon{transform:scale(1.1)}@media (min-width: 768px){.navbar{margin-bottom:5rem;padding:1.5rem 0}.navbar-logo img{width:3.5rem}.navbar-links{gap:1rem;font-size:1.5rem}.navbar-icon-link{padding:.75rem}.contact-button{padding:.75rem 1.25rem;font-size:1rem}.contact-button-icon{font-size:1.1rem}}@media (max-width: 480px){.navbar-links{gap:.25rem;font-size:1rem}.navbar-icon-link{padding:.375rem}.contact-button{padding:.375rem .75rem;font-size:.8rem}.contact-button-icon{font-size:.9rem}}.navbar,.navbar-icon-link,.contact-button,.contact-button-icon{will-change:transform,opacity,color;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.navbar-logo img,.navbar-icon-link,.contact-button,.contact-button-icon{transition:none}.navbar-icon-link:hover,.contact-button:hover{transform:none}}.education-timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.5rem;max-width:1200px;margin:0 auto;padding:2rem 1rem}.timeline-event{position:relative;width:85%;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;margin:0 auto}.timeline-content{width:100%;height:100%;padding:.6rem;background:linear-gradient(145deg,#ffffff0f,#22d3ee05,#a855f703);border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;flex-direction:row;align-items:center;gap:.6rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000000f,0 2px 6px #00000008,inset 0 1px #ffffff14;cursor:pointer}@media (prefers-color-scheme: light){.timeline-content{background:linear-gradient(145deg,#4b556314,#6b72800a,#9ca3af05);border:1px solid rgba(75,85,99,.15);box-shadow:0 4px 12px #4b556314,0 2px 6px #4b55630a,inset 0 1px #ffffff1a}}@media (prefers-color-scheme: dark){.timeline-content{background:linear-gradient(145deg,#c0cad40f,#d1d5db08,#e5e7eb03);border:1px solid rgba(192,202,212,.12);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px #ffffff0f}}.timeline-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 25% 25%,rgba(34,211,238,.02) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.015) 0%,transparent 50%);opacity:.4;transition:opacity .4s ease;pointer-events:none;z-index:0}.timeline-content:hover{transform:translateY(-4px) scale(1.02);border-color:#22d3ee40;background:linear-gradient(145deg,#ffffff14,#22d3ee0a,#a855f705);box-shadow:0 8px 24px #22d3ee14,0 4px 12px #0000000f,0 0 0 1px #22d3ee14,inset 0 1px #ffffff1f}@media (prefers-color-scheme: light){.timeline-content:hover{border-color:#4b55634d;background:linear-gradient(145deg,#4b55631f,#6b728014,#9ca3af0a);box-shadow:0 8px 24px #4b55631f,0 4px 12px #4b55630f,0 0 0 1px #4b556326,inset 0 1px #ffffff26}}@media (prefers-color-scheme: dark){.timeline-content:hover{border-color:#c0cad440;background:linear-gradient(145deg,#c0cad41a,#d1d5db0f,#e5e7eb08);box-shadow:0 8px 24px #0000001a,0 4px 12px #0000000f,0 0 0 1px #c0cad426,inset 0 1px #ffffff1a}}.timeline-content:hover:before{opacity:.7}.timeline-content img{width:36px;height:36px;border-radius:6px;-o-object-fit:cover;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);filter:grayscale(.2) brightness(.95);flex-shrink:0;position:relative;z-index:1;box-shadow:0 2px 8px #00000014}.timeline-content:hover img{transform:scale(1.05) rotate(1deg);filter:grayscale(0) brightness(1.05) contrast(1.05);box-shadow:0 4px 12px #22d3ee26}.timeline-content-info{display:flex;flex-direction:column;flex:1;min-width:0;position:relative;z-index:1;gap:.2rem}.timeline-content h4{font-size:.75rem;font-weight:600;margin-bottom:0;color:var(--color-text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);line-height:1.1;letter-spacing:.01em}.timeline-content:hover h4{color:var(--color-accent);text-shadow:0 0 6px rgba(34,211,238,.2);transform:translate(1px)}.timeline-content p{font-size:.64rem;color:var(--color-text-secondary);margin-bottom:0;line-height:1.1;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:400;opacity:.85}.timeline-content:hover p{color:var(--color-text-primary);opacity:1;transform:translate(.5px)}.timeline-content .date{font-size:.54rem;font-weight:500;color:var(--color-accent);background:linear-gradient(135deg,#22d3ee14,#a855f70f);padding:.08rem .3rem;border-radius:8px;border:1px solid rgba(34,211,238,.15);transition:all .4s cubic-bezier(.4,0,.2,1);align-self:flex-start;margin-top:auto;box-shadow:0 1px 3px #22d3ee14;letter-spacing:.02em}.timeline-content:hover .date{transform:scale(1.06) translateY(-1px);background:linear-gradient(135deg,#22d3ee1f,#a855f714);border-color:#22d3ee40;box-shadow:0 2px 6px #22d3ee26;text-shadow:0 0 4px rgba(34,211,238,.3)}@media screen and (min-width: 769px){.education-timeline{grid-template-columns:repeat(3,1fr);gap:.25rem;justify-items:center}.timeline-event{height:160px}.timeline-content{padding:1.2rem;gap:1.2rem}.timeline-content img{width:56px;height:56px}.timeline-content h4{font-size:.9rem;margin-bottom:.25rem}.timeline-content p{font-size:.75rem;margin-bottom:.4rem}}@media screen and (max-width: 768px){.education-timeline{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 1rem;justify-items:center}.timeline-event{height:130px}.timeline-content{padding:.9rem;gap:.8rem}.timeline-content img{width:44px;height:44px}.timeline-content h4{font-size:.8rem;margin-bottom:.2rem}.timeline-content p{font-size:.7rem;margin-bottom:.3rem}}@media screen and (max-width: 480px){.education-timeline{gap:1rem;padding:.75rem .25rem;justify-items:center}.timeline-event{height:110px;width:55%}.timeline-content{padding:.7rem;gap:.7rem;border-radius:6px}.timeline-content img{width:36px;height:36px}.timeline-content h4{font-size:.7rem;margin-bottom:.1rem}.timeline-content p{font-size:.6rem;margin-bottom:.2rem}.timeline-content .date{font-size:.5rem;padding:.06rem .25rem}}@media (prefers-reduced-motion: reduce){.timeline-event,.timeline-content,.timeline-content:before,.timeline-content img,.timeline-content h4,.timeline-content p,.timeline-content .date{transition:none}.timeline-content:hover{transform:none}}.course-carousel-container{padding:1.5rem 0;margin-top:2rem;text-align:left}.course-carousel-container h4{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--color-text-primary)}.course-carousel{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,white 10%,white 90%,transparent);mask-image:linear-gradient(to right,transparent,white 10%,white 90%,transparent)}.course-track{display:flex;width:-moz-fit-content;width:fit-content;animation:scroll 40s linear infinite;will-change:transform}.course-item{background-color:var(--color-card-bg);color:var(--color-accent);padding:.5rem 1rem;margin:0 .5rem;border-radius:6px;white-space:nowrap;font-size:.9rem;font-weight:500;border:1px solid var(--color-border);flex-shrink:0}.star-border-no-padding{padding:0!important}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.course-carousel-container{padding:1rem 0;margin-top:1.5rem}.course-carousel-container h4{font-size:1.1rem;margin-bottom:.75rem}.course-carousel{-webkit-mask-image:linear-gradient(to right,transparent,white 5%,white 95%,transparent);mask-image:linear-gradient(to right,transparent,white 5%,white 95%,transparent)}.course-track{animation:scroll 28s linear infinite}.course-item{padding:.4rem .8rem;margin:0 .3rem;font-size:.8rem;border-radius:4px}}@media (max-width: 480px){.course-carousel-container{padding:.75rem 0;margin-top:1rem}.course-carousel-container h4{font-size:1rem;margin-bottom:.5rem}.course-item{padding:.3rem .6rem;margin:0 .25rem;font-size:.75rem}}@media (prefers-reduced-motion: reduce){.course-track{animation:none}}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:2px;background-color:var(--color-timeline-line);top:0;bottom:0;left:50%;margin-left:-1px}.timeline-item{padding:1rem 2.5rem;position:relative;width:50%}.timeline-item:after{content:"";position:absolute;width:20px;height:20px;background-color:var(--color-background);border:3px solid #ff8c00;top:30px;border-radius:50%;z-index:1}.timeline-item-left{left:0}.timeline-item-right{left:50%}.timeline-item-left:after{right:-10px}.timeline-item-right:after{left:-10px}.content-card{padding:1.5rem;background-color:var(--color-card-bg);border-radius:.5rem;border:1px solid var(--color-border);transition:transform .3s ease,box-shadow .3s ease}.content-card .font-semibold{color:var(--color-text-primary)}.content-card .text-neutral-400{color:var(--color-text-secondary)}.content-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #ff8c0033}.company-icon{width:3.5rem;height:3.5rem;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:2px solid #ff8c00}.company-link{color:var(--color-accent)}.company-link:hover{text-decoration:underline}@media screen and (max-width: 768px){.timeline{padding:.5rem 0}.timeline:after{left:20px}.timeline-item{width:100%;padding-left:50px;padding-right:15px;margin-bottom:2rem}.timeline-item-left,.timeline-item-right{left:0}.timeline-item-left:after,.timeline-item-right:after{left:10px;width:16px;height:16px;top:25px}.content-card{padding:1.2rem}.company-icon{width:3rem;height:3rem}}@media screen and (max-width: 480px){.timeline-item{padding-left:45px;padding-right:10px;margin-bottom:1.5rem}.timeline-item-left:after,.timeline-item-right:after{left:8px;width:14px;height:14px;top:22px}.content-card{padding:1rem}.company-icon{width:2.5rem;height:2.5rem}.content-card .font-semibold{font-size:.95rem}.content-card .text-neutral-400{font-size:.85rem}}.experience-card{background:linear-gradient(145deg,#ffffff0f,#22d3ee05,#a855f703);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000000f,0 2px 6px #00000008,inset 0 1px #ffffff14;cursor:pointer}@media (prefers-color-scheme: light){.experience-card{background:linear-gradient(145deg,#4b556314,#6b72800a,#9ca3af05);border:1px solid rgba(75,85,99,.15);box-shadow:0 4px 12px #4b556314,0 2px 6px #4b55630a,inset 0 1px #ffffff1a}}@media (prefers-color-scheme: dark){.experience-card{background:linear-gradient(145deg,#c0cad40f,#d1d5db08,#e5e7eb03);border:1px solid rgba(192,202,212,.12);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px #ffffff0f}}.experience-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(34,211,238,.02) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(168,85,247,.015) 0%,transparent 50%);opacity:.4;transition:opacity .4s ease;pointer-events:none;z-index:0}.experience-card:hover{transform:translateY(-4px) scale(1.01);border-color:#22d3ee40;background:linear-gradient(145deg,#ffffff14,#22d3ee0a,#a855f705);box-shadow:0 8px 24px #22d3ee14,0 4px 12px #0000000f,0 0 0 1px #22d3ee14,inset 0 1px #ffffff1f}@media (prefers-color-scheme: light){.experience-card:hover{border-color:#4b55634d;background:linear-gradient(145deg,#4b55631f,#6b728014,#9ca3af0a);box-shadow:0 8px 24px #4b55631f,0 4px 12px #4b55630f,0 0 0 1px #4b556326,inset 0 1px #ffffff26}}@media (prefers-color-scheme: dark){.experience-card:hover{border-color:#c0cad440;background:linear-gradient(145deg,#c0cad41a,#d1d5db0f,#e5e7eb08);box-shadow:0 8px 24px #0000001a,0 4px 12px #0000000f,0 0 0 1px #c0cad426,inset 0 1px #ffffff1a}}.experience-card:hover:before{opacity:.7}.experience-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;position:relative;z-index:1}.experience-card-icon{width:3rem;height:3rem;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(34,211,238,.2);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.experience-card:hover .experience-card-icon{transform:scale(1.05) rotate(1deg);border-color:#22d3ee66;box-shadow:0 4px 12px #22d3ee26}.experience-card-title-section{flex:1;min-width:0}.experience-card-title{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);line-height:1.3}.experience-card:hover .experience-card-title{color:var(--color-accent);text-shadow:0 0 6px rgba(34,211,238,.2);transform:translate(1px)}.experience-card-company{font-size:.9rem;color:var(--color-accent);text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);font-weight:500}.experience-card-company:hover{color:var(--color-accent);text-shadow:0 0 4px rgba(34,211,238,.3);transform:translate(.5px)}.experience-card-description{list-style:none;padding:0;margin:0 0 1.2rem;position:relative;z-index:1}.experience-card-bullet{position:relative;padding-left:1.2rem;margin-bottom:.6rem;font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-card-bullet:before{content:"▸";position:absolute;left:0;color:var(--color-accent);font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}.experience-card:hover .experience-card-bullet{color:var(--color-text-primary);transform:translate(1px)}.experience-card:hover .experience-card-bullet:before{color:var(--color-accent);text-shadow:0 0 4px rgba(34,211,238,.3);transform:scale(1.1)}.experience-card-date{text-align:right;font-size:.75rem;color:var(--color-accent);margin:0;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;opacity:.8}.experience-card:hover .experience-card-date{opacity:1;text-shadow:0 0 4px rgba(34,211,238,.3);transform:translate(-1px)}@media screen and (max-width: 768px){.experience-card{padding:1.2rem}.experience-card-header{gap:.8rem;margin-bottom:1rem}.experience-card-icon{width:2.5rem;height:2.5rem}.experience-card-title{font-size:1rem}.experience-card-company{font-size:.85rem}.experience-card-bullet{font-size:.8rem;margin-bottom:.5rem}.experience-card-date{font-size:.7rem}}.tech-controls{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem;position:relative}.tech-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.tech-tab{padding:.6rem 1.2rem;font-size:.85rem;font-weight:400;color:var(--color-text-secondary);background:transparent;border:1px solid rgba(255,255,255,.05);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}.tech-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.1),transparent);transition:left .6s ease}.tech-tab:hover{color:var(--color-text-primary);border-color:#22d3ee33;background:#22d3ee08;transform:translateY(-1px)}.tech-tab:hover:before{left:100%}.tech-tab-active{color:var(--color-accent);border-color:#22d3ee66;background:linear-gradient(135deg,#22d3ee1f,#a855f714);box-shadow:0 4px 12px #22d3ee26,0 0 0 1px #22d3ee33,inset 0 1px #ffffff26;font-weight:600;transform:translateY(-2px) scale(1.05);position:relative;z-index:2}.tech-tab-active:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#22d3ee33,#a855f726);border-radius:22px;z-index:-1;opacity:.6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.tech-toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tech-toggle-btn:hover{color:var(--color-text-primary);border-color:#22d3ee4d;background:#22d3ee0d;transform:translateY(-1px)}.toggle-icon{width:20px;height:20px;transition:transform .3s ease}.tech-toggle-btn:hover .toggle-icon{transform:scale(1.15) rotate(90deg)}.tech-content{margin-bottom:3rem}.tech-category{margin-bottom:2rem}.tech-grid{max-width:1000px;margin:0 auto}.tech-grid-horizontal{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:1000px;margin:0 auto;opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out;will-change:opacity,transform}.tech-grid-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out;will-change:opacity,transform}.tech-grid-horizontal.transitioning{opacity:.3;transform:translateY(5px)}.tech-grid-horizontal.transitioning .tech-card-icon-only,.tech-grid-details.transitioning .tech-card{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.tech-grid-details.transitioning{opacity:.3;transform:translateY(5px)}.tech-card-icon-only{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffff0f,#22d3ee05,#a855f703);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.2rem .8rem;position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform;box-shadow:0 4px 12px #0000000f,0 2px 6px #00000008,inset 0 1px #ffffff14;cursor:pointer;width:100px;height:100px;flex-shrink:0}.tech-card-icon-only:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(75,85,99,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}@media (prefers-color-scheme: light){.tech-card-icon-only{background:linear-gradient(145deg,#4b556314,#6b72800a,#9ca3af05);border:1px solid rgba(75,85,99,.15);box-shadow:0 4px 12px #4b556314,0 2px 6px #4b55630a,inset 0 1px #ffffff1a}}@media (prefers-color-scheme: dark){.tech-card-icon-only{background:linear-gradient(145deg,#c0cad40f,#d1d5db08,#e5e7eb03);border:1px solid rgba(192,202,212,.12);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px #ffffff0f}.tech-icon-large,.tech-icon{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);filter:brightness(1.2) contrast(1.2)}.tech-card-icon-only:hover{border-color:#c0cad44d;background:linear-gradient(145deg,#c0cad41f,#d1d5db0f,#e5e7eb08);box-shadow:0 8px 24px #c0cad41f,0 4px 12px #00000014,0 0 0 1px #c0cad41a,inset 0 1px #ffffff1f}.tech-card-icon-only:before{background:radial-gradient(circle at 30% 20%,rgba(192,202,212,.05) 0%,transparent 50%)}}.tech-card-icon-only:hover{transform:translateY(-4px);border-color:#4b55634d;background:linear-gradient(145deg,#4b55631f,#6b72800f,#9ca3af08);box-shadow:0 8px 24px #4b55631f,0 4px 12px #0000000f,0 0 0 1px #4b55631a,inset 0 1px #ffffff1f}.tech-card-icon-only:hover:before{opacity:1}.tech-icon-large{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease-out,box-shadow .2s ease-out;margin-bottom:.5rem;color:inherit;filter:brightness(1.1) contrast(1.1);will-change:transform}.tech-card-icon-only:hover .tech-icon-large{transform:scale(1.1);background:#ffffff14;border-color:#fff3;box-shadow:0 4px 12px #0000001a}.tech-name-small{font-size:.75rem;font-weight:500;color:var(--color-text-primary);text-align:center;transition:all .3s ease;line-height:1.2}.tech-card-icon-only:hover .tech-name-small{color:var(--color-accent);text-shadow:0 0 6px rgba(34,211,238,.2)}.tech-card{background:linear-gradient(145deg,#ffffff0f,#22d3ee05,#a855f703);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform;box-shadow:0 4px 12px #0000000f,0 2px 6px #00000008,inset 0 1px #ffffff14;cursor:pointer}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(75,85,99,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.tech-card:hover{transform:translateY(-4px);border-color:#4b55634d;background:linear-gradient(145deg,#4b55631f,#6b72800f,#9ca3af08);box-shadow:0 8px 24px #4b55631f,0 4px 12px #0000000f,0 0 0 1px #4b55631a,inset 0 1px #ffffff1f}.tech-card:hover:before{opacity:1}@media (prefers-color-scheme: light){.tech-card{background:linear-gradient(145deg,#4b556314,#6b72800a,#9ca3af05);border:1px solid rgba(75,85,99,.15);box-shadow:0 4px 12px #4b556314,0 2px 6px #4b55630a,inset 0 1px #ffffff1a}.tech-card:hover{border-color:#4b556340;background:linear-gradient(145deg,#4b55631f,#6b72800f,#9ca3af08);box-shadow:0 8px 24px #4b55631f,0 4px 12px #4b55630f,0 0 0 1px #4b55631a,inset 0 1px #ffffff26}}@media (prefers-color-scheme: dark){.tech-card{background:linear-gradient(145deg,#c0cad40f,#d1d5db08,#e5e7eb03);border:1px solid rgba(192,202,212,.12);box-shadow:0 4px 12px #00000014,0 2px 6px #0000000a,inset 0 1px #ffffff0f}.tech-card:hover{border-color:#c0cad44d;background:linear-gradient(145deg,#c0cad41f,#d1d5db0f,#e5e7eb08);box-shadow:0 8px 24px #c0cad41f,0 4px 12px #00000014,0 0 0 1px #c0cad41a,inset 0 1px #ffffff1f}.tech-card:before{background:radial-gradient(circle at 30% 20%,rgba(192,202,212,.05) 0%,transparent 50%)}}.tech-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.tech-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease-out,box-shadow .2s ease-out;color:inherit;filter:brightness(1.1) contrast(1.1);will-change:transform}.tech-card:hover .tech-icon{transform:scale(1.1);background:#ffffff14;border-color:#fff3;box-shadow:0 4px 12px #0000001a}.tech-info{flex:1;z-index:2}.tech-name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem;transition:all .3s ease}.tech-card:hover .tech-name{color:var(--color-accent);text-shadow:0 0 6px rgba(34,211,238,.2)}.tech-level-container{display:flex;align-items:center}.tech-progress-bar{width:100%;height:2px;background:#ffffff0d;border-radius:1px;overflow:hidden;position:relative;opacity:.6}.tech-progress-fill{height:100%;border-radius:1px;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;opacity:.8}.tech-progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 3s infinite}.tech-legend{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.expert{background:var(--color-accent)}.legend-dot.advanced{background:#10b981}.legend-dot.intermediate{background:#f59e0b}.legend-dot.beginner{background:#ef4444}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.tech-controls{flex-direction:column;align-items:center;gap:1.5rem}.tech-tabs{justify-content:center}.tech-tab{padding:.5rem 1rem;font-size:.8rem}.tech-tab-active{transform:translateY(-1px) scale(1.02)}.tech-toggle-btn{width:40px;height:40px}.toggle-icon{width:18px;height:18px}.tech-grid-horizontal{gap:1rem}.tech-card-icon-only{width:80px;height:80px;padding:.8rem .5rem}.tech-icon-large{width:40px;height:40px;margin-bottom:.4rem}.tech-name-small{font-size:.7rem}.tech-grid-details{grid-template-columns:1fr;gap:1rem}.tech-card{padding:1.2rem}.tech-card-header{gap:.8rem}.tech-icon{width:32px;height:32px}.tech-name{font-size:1rem}.tech-tab{padding:.5rem .8rem;font-size:.75rem}.tech-toggle-btn{padding:.6rem 1rem;font-size:.8rem}.tech-legend{gap:1rem}.legend-item{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.tech-card,.tech-card-icon-only,.tech-icon,.tech-name,.tech-progress-fill,.tech-tab,.tech-toggle-btn{transition:none}.tech-progress-fill:after{animation:none}}#projects{padding:4rem 1rem;position:relative;z-index:1}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1100px;margin:0 auto;justify-items:center}.project-card{width:100%;max-width:350px;text-decoration:none;background:linear-gradient(145deg,var(--color-card-bg) 0%,rgba(34,211,238,.05) 100%);border-radius:20px;border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--color-accent) 0%,rgba(168,85,247,.8) 25%,rgba(34,211,238,.6) 50%,rgba(168,85,247,.8) 75%,var(--color-accent) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;transition:opacity .4s ease;z-index:-1}@media (hover: hover) and (pointer: fine){.project-card.desktop:hover{transform:translateY(-12px) scale(1.02) rotateX(5deg);box-shadow:0 25px 50px -12px #22d3ee40,0 0 0 1px #22d3ee1a,0 0 40px #a855f726,inset 0 1px #fff3;background:linear-gradient(145deg,var(--color-card-bg) 0%,rgba(34,211,238,.1) 50%,rgba(168,85,247,.05) 100%)}.project-card.desktop:hover:before{opacity:1}.project-card.desktop:hover .project-image{transform:scale(1.05);filter:brightness(1.1) contrast(1.1) saturate(1.2)}.project-card.desktop:hover .project-title{color:var(--color-accent);text-shadow:0 0 10px rgba(34,211,238,.3)}}.project-image{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.project-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#22d3ee1a,#a855f71a);opacity:0;transition:opacity .4s ease;pointer-events:none}@media (hover: hover) and (pointer: fine){.project-card.desktop:hover .project-image:after{opacity:1}}.project-content{padding:1.5rem}.project-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem;transition:all .3s ease;position:relative}.project-description-wrapper{max-height:500px;overflow:visible;transition:opacity .3s ease;opacity:1}.project-card.desktop.expanded .project-description-wrapper{opacity:1}.project-card.mobile .project-description-wrapper{opacity:1!important}.project-card{animation:cardEntrance .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes cardEntrance{to{opacity:1;transform:translateY(0)}}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.project-card:nth-child(7){animation-delay:.7s}.project-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);padding-top:.75rem;border-top:1px solid var(--color-border);transition:color .3s ease}@media (hover: hover) and (pointer: fine){.project-card.desktop:hover .project-description{color:var(--color-text-primary)}}@media (max-width: 1024px),(hover: none),(pointer: coarse){.projects-grid{grid-template-columns:1fr;gap:2rem}.project-card{max-width:100%}.project-card .project-description-wrapper{max-height:500px!important}.project-card:hover,.project-card:active,.project-card:focus{transform:none!important;box-shadow:none!important}.project-card,.project-description-wrapper{transition:none!important}}@media (min-width: 768px) and (max-width: 1366px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{max-width:320px}.project-card .project-description-wrapper{max-height:500px!important}.project-card:hover,.project-card:active,.project-card:focus{transform:none!important;box-shadow:none!important}.project-card,.project-description-wrapper{transition:none!important}}@media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.project-card{max-width:300px}.project-card .project-description-wrapper{max-height:500px!important}.project-card:hover,.project-card:active,.project-card:focus{transform:none!important;box-shadow:none!important}.project-card,.project-description-wrapper{transition:none!important}}@media (min-width: 1367px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem}.project-card{max-width:380px}}.view-toggle-container{display:flex;justify-content:center;margin-top:3rem;padding:0 1rem;opacity:0;animation:fadeInUp .6s ease-out .8s forwards;gap:1rem;flex-wrap:wrap}.view-toggle-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:.8rem 2.2rem;border-radius:30px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.view-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,211,238,.08),rgba(168,85,247,.08),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.view-toggle-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(34,211,238,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.4,0,.2,1);z-index:-1}.view-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #22d3ee26,0 0 0 1px #22d3ee1a,inset 0 1px #ffffff1a;background:#22d3ee05}.view-toggle-btn:hover:before{left:100%}.view-toggle-btn:hover:after{width:120%;height:120%}.view-toggle-btn:active{transform:translateY(-1px) scale(.98);transition:all .1s cubic-bezier(.4,0,.2,1)}.btn-icon{width:16px;height:16px;transition:all .3s cubic-bezier(.4,0,.2,1);stroke-width:2.5}.view-toggle-btn:hover .btn-icon{transform:scale(1.1) rotate(5deg);stroke-width:3}.view-more-btn:hover .btn-icon{transform:scale(1.1) rotate(-5deg)}.view-less-btn:hover .btn-icon{transform:scale(1.1) rotate(5deg)}.view-all-btn{background:linear-gradient(135deg,#22d3ee1a,#a855f70d);border-color:#22d3ee4d;color:var(--color-accent);font-weight:600}.view-all-btn:hover{background:linear-gradient(135deg,#22d3ee26,#a855f714);border-color:var(--color-accent);box-shadow:0 8px 25px #22d3ee33,0 0 0 1px #22d3ee26,inset 0 1px #ffffff26}.view-all-btn:hover .btn-icon{transform:scale(1.1) rotate(-5deg)}.projects-grid{transition:all .5s cubic-bezier(.4,0,.2,1)}.project-card{transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow,opacity}.project-card:nth-child(n+4){opacity:0;transform:translateY(30px) scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1)}.projects-grid.show-all .project-card:nth-child(n+4){opacity:1;transform:translateY(0) scale(1)}.project-card:nth-child(4){transition-delay:.1s}.project-card:nth-child(5){transition-delay:.2s}.project-card:nth-child(6){transition-delay:.3s}.project-card:nth-child(7){transition-delay:.4s}@media (max-width: 768px){.view-toggle-container{margin-top:2rem}.view-toggle-btn{padding:.7rem 1.8rem;font-size:.9rem}.btn-icon{width:14px;height:14px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px #22d3ee33,0 8px 25px #22d3ee26}.view-toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ribbons-container{width:100%;height:100%;position:relative}.footer-container{text-align:center;padding:2rem 1rem;margin-top:2rem;color:#a0a0a0;font-size:.875rem;border-top:1px solid #2a2a2a}.chat-toggle{position:fixed;bottom:2rem;right:2rem;width:50px;height:40px;border-radius:50%;background:var(--color-text-primary);border:none;color:var(--color-background);font-size:1.8rem;cursor:grab;box-shadow:0 4px 20px #0003;z-index:1000;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s ease,transform .2s ease;position:relative;will-change:transform}.chat-toggle:active{cursor:grabbing}.drag-handle{position:absolute;bottom:-2px;right:-2px;font-size:.6rem;opacity:.7;color:var(--color-background);cursor:grab;padding:.2rem;border-radius:50%;transition:all .2s ease}.drag-handle:hover{opacity:1;background-color:#ffffff1a;transform:scale(1.1)}.drag-handle:active{cursor:grabbing}.chat-tooltip{position:relative;max-width:250px}.tooltip-content{background:var(--color-text-primary);color:var(--color-background);padding:.75rem 1rem;border-radius:12px;box-shadow:0 4px 20px #00000026;font-size:.9rem;line-height:1.4;position:relative}.tooltip-text{display:inline}.tooltip-cursor{display:inline;animation:blink 1s infinite;font-weight:700;color:var(--color-background)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.tooltip-arrow{position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-text-primary)}.chat-toggle:hover{box-shadow:0 6px 25px #59767e4d;transform:translateY(-2px)}.chat-window{position:fixed;bottom:2rem;right:2rem;width:320px;height:450px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;box-shadow:0 20px 40px #0000001a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;display:flex;flex-direction:column;overflow:hidden;cursor:grab;will-change:transform}[data-theme=dark] .chat-window{background:#1a1a1a1a;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chat-window:active{cursor:grabbing}.chat-header{background:linear-gradient(135deg,#e6ebeccc,#baa5cecc);color:#0a0a0a;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-radius:18px 18px 0 0;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}[data-theme=dark] .chat-header{background:linear-gradient(135deg,#2a2a2a4d,#1a1a1a4d);color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.chat-header:active{cursor:grabbing}.chat-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.chat-icon{font-size:1.2rem}.chat-close{background:none;border:none;color:#121111;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:background-color .2s ease}[data-theme=dark] .chat-close{color:#fff}.chat-close:hover{background-color:#fff3}.chat-messages{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .chat-messages{background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message{display:flex;gap:.75rem;max-width:85%}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.bot{align-self:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.message.user .message-avatar{background:linear-gradient(135deg,#0a6969,#0ff7dc);color:#0d0d0d}.message.bot .message-avatar{background:linear-gradient(135deg,#2b2827,#e60e7a);color:#faf6f6}.message-content{background:#dcd9e1cc;padding:.75rem 1rem;border-radius:18px;border:1px solid rgba(255,255,255,.2);position:relative;color:#000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .message-content{background:#2a2a2a4d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.message.user .message-content{background:#d4c5e8cc;color:#000;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .message.user .message-content{background:#3a3a3a4d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.message-content p{margin:0;line-height:1.4;font-size:.9rem;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;cursor:text}.message-time{font-size:.7rem;opacity:.7;margin-top:.25rem;display:block;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;cursor:text}.typing-indicator{display:flex;gap:.25rem;align-items:center;padding:.5rem 0}.typing-indicator span{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-secondary);animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input{padding:1rem;border-top:1px solid var(--color-border);display:flex;gap:.5rem;align-items:center}.chat-input-field{flex:1;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:25px;background:var(--color-background);color:var(--color-text-primary);font-size:.9rem;outline:none;transition:border-color .2s ease}.chat-input-field:focus{border-color:var(--color-accent)}.chat-input-field::-moz-placeholder{color:var(--color-text-secondary)}.chat-input-field::placeholder{color:var(--color-text-secondary)}.chat-send-button{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#000,#010101);border:none;color:#0cf4f4;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #22d3ee4d}.chat-send-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.chat-window{width:calc(100vw - 2rem);height:500px;bottom:1rem;right:1rem;left:1rem}.chat-toggle{bottom:1rem;right:1rem;width:60px;height:60px;font-size:1.5rem}.message{max-width:90%}.chat-tooltip{max-width:200px;right:1rem;bottom:5rem}.tooltip-content{font-size:.8rem;padding:.6rem .8rem}}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}body{font-family:Space Grotesk,sans-serif}*{transition:all .3s ease-in-out}a:hover{color:#dc0e0e;transition-duration:0ms;transition-delay:0ms}button:hover{background-color:#2db9b9;color:#fff;transform:scale(1.05)}img{transition:transform .3s ease-in-out}img:hover{transform:scale(1.1)}.container{padding:20px}h2{color:#a99bc5;font-size:3rem;margin-bottom:20px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-1\/2{left:50%}.top-0{top:0}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.z-\[-2\]{z-index:-2}.mx-auto{margin-left:auto;margin-right:auto}.my-16{margin-top:4rem;margin-bottom:4rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.hidden{display:none}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.w-0\.5{width:.125rem}.w-1\/2{width:50%}.w-5{width:1.25rem}.w-full{width:100%}.w-screen{width:100vw}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-xl{max-width:36rem}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-2{row-gap:.5rem}.overflow-x-hidden{overflow-x:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-neutral-950{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity))}.bg-\[radial-gradient\(ellipse_80\%_80\%_at_50\%_-20\%\,rgba\(120\,119\,198\,0\.3\)\,rgba\(255\,255\,255\,0\)\)\]{background-image:radial-gradient(ellipse 80% 80% at 50% -20%,#7877c64d,#fff0)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-pink-300{--tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-500{--tw-gradient-to: rgb(100 116 139 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #64748b var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-neutral-300{--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:Inter,sans-serif;--color-background: #0a0a0a;--color-text-primary: #e7e7e7;--color-text-secondary: #a3a3a3;--color-border: #262626;--color-border-accent: #22d3ee;--color-accent: #22d3ee;--color-accent-hover: #67e8f9;--color-card-bg: #171717;--color-shadow-accent: rgba(0, 255, 255, .2);--color-section-line: rgba(128, 0, 128, .5);--color-timeline-line: #ffffff;--color-timeline-circle-bg: #a855f7}[data-theme=light]{--color-background: #e5e7eb;--color-text-primary: #1f2937;--color-text-secondary: #4b5563;--color-border: #9ca3af;--color-border-accent: #0891b2;--color-accent: #0891b2;--color-accent-hover: #06b6d4;--color-card-bg: #f3f4f6;--color-shadow-accent: rgba(8, 145, 178, .2);--color-section-line: rgba(76, 29, 149, .5);--color-timeline-line: #374151;--color-timeline-circle-bg: #8b5cf6}body{background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .3s ease,color .3s ease;font-family:Inter,sans-serif}.logo-container{background-color:transparent;border:none;padding:0;transition:transform .3s ease-in-out;-webkit-tap-highlight-color:transparent}.logo-container:hover,.logo-container:focus,.logo-container:active{transform:scale(1.2);outline:none!important;box-shadow:none!important;background-color:transparent!important}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.selection\:bg-cyan-300 *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(103 232 249 / var(--tw-bg-opacity))}.selection\:bg-cyan-300 *::selection{--tw-bg-opacity: 1;background-color:rgb(103 232 249 / var(--tw-bg-opacity))}.selection\:text-cyan-900 *::-moz-selection{--tw-text-opacity: 1;color:rgb(22 78 99 / var(--tw-text-opacity))}.selection\:text-cyan-900 *::selection{--tw-text-opacity: 1;color:rgb(22 78 99 / var(--tw-text-opacity))}.selection\:bg-cyan-300::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(103 232 249 / var(--tw-bg-opacity))}.selection\:bg-cyan-300::selection{--tw-bg-opacity: 1;background-color:rgb(103 232 249 / var(--tw-bg-opacity))}.selection\:text-cyan-900::-moz-selection{--tw-text-opacity: 1;color:rgb(22 78 99 / var(--tw-text-opacity))}.selection\:text-cyan-900::selection{--tw-text-opacity: 1;color:rgb(22 78 99 / var(--tw-text-opacity))}.hover\:text-\[var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:no-underline:hover{text-decoration-line:none}.focus\:no-underline:focus{text-decoration-line:none}@media (min-width: 768px){.md\:mb-\[-4rem\]{margin-bottom:-4rem}.md\:block{display:block}.md\:hidden{display:none}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:pb-16{padding-bottom:4rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width: 1024px){.lg\:mt-16{margin-top:4rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:w-3\/4{width:75%}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:pl-8{padding-left:2rem}.lg\:text-left{text-align:left}.lg\:text-8xl{font-size:6rem;line-height:1}}