@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{border-bottom:1px solid #0000001a;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{flex:1 1}.navbar-links{display:flex;flex:3 1;flex-wrap:nowrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.navbar-right{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:flex-end}.navbar-logo-link{color:inherit;display:inline-block;position:relative;text-decoration:none}.navbar-logo-link:after{background-color:currentColor;bottom:-1px;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-logo-link:hover:after{width:100%}.navbar-logo{font-size:2.3rem;font-weight:700;letter-spacing:1px}.navbar-links a{border-radius:5px;color:inherit;display:inline-block;font-size:1.3rem;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar-links a:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links a:hover:after{width:100%}.theme-toggle{background-color:#ccc;border:none;border-radius:34px;cursor:pointer;height:32px;padding:0;position:relative;transition:background-color .3s;width:60px}.dark-mode .theme-toggle{background-color:#1e293b}.light-mode .theme-toggle{background-color:#cbd5e1}.theme-toggle-slider{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:26px;justify-content:center;left:3px;position:absolute;top:3px;transition:transform .3s;width:26px}.dark-mode .theme-toggle-slider{transform:translateX(28px)}.theme-toggle-slider svg{height:16px;width:16px}.dark-mode .navbar{background-color:#252f3e;border-color:#3b4759;color:#f1f5f9}.light-mode .navbar{background-color:#f9f7f7;border-color:#e0e0e0;color:#1a1a1a}.hamburger{cursor:pointer;display:none;order:3;z-index:101}@media (max-width:1366px) and (min-width:769px){.navbar{padding:0 1.5rem}.navbar-links{flex:3 1;gap:1.2rem}.navbar-links a{font-size:1.15rem;padding:.5rem .8rem}.navbar-logo{font-size:2rem}}@media (max-width:1024px) and (min-width:769px){.navbar{padding:0 1rem}.navbar-links{flex:3 1;gap:1rem}.navbar-links a{font-size:1.05rem;padding:.5rem .6rem}}@media (max-width:768px){.navbar-links{align-items:center;background-color:inherit;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:right .3s ease;width:70%;z-index:100}.navbar-links.active{right:0}.navbar-links li{margin:1rem 0}.hamburger{display:block}.navbar-links{flex:none}.theme-toggle svg{height:22px;width:22px}.flag-icon{height:18px;width:22px}.lang-toggle{font-size:1.1rem;margin-right:.7rem}}.hero{align-items:center;border-radius:20px;box-shadow:0 8px 20px #00000026;display:flex;justify-content:center;margin:2rem auto;max-height:500px;max-width:850px;padding:2rem 2rem 2rem 5rem;text-align:center;transition:background .5s ease}.light-mode .hero{background:linear-gradient(135deg,#e9fff7,#fffef5)}.dark-mode .hero{background:linear-gradient(135deg,#1b1b2f,#0f3d3e)}.hero-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.hero-content p{color:gray;font-size:1rem;transition:color .5s ease}.terminal-window{border:2px solid #0000;border-radius:10px;margin-bottom:1.5rem;max-width:100%;overflow:hidden;transition:border-color .3s ease;width:450px}.light-mode .terminal-window{border-color:#66d9a34d;box-shadow:0 6px 20px #66d9a340}.dark-mode .terminal-window{border-color:#7c3aed4d;box-shadow:0 6px 20px #7c3aed40}.terminal-titlebar{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:28px;padding:0 10px;position:relative}.light-mode .terminal-titlebar{background:linear-gradient(180deg,#d4f4e6 0,#b8ecd4);border-bottom:1px solid #9ae0c3}.dark-mode .terminal-titlebar{background:linear-gradient(180deg,#2d1b4e 0,#1f1435);border-bottom:1px solid #4a2b7a}.terminal-buttons{display:flex;gap:6px;z-index:1}.terminal-button{border:1px solid #0000001a;border-radius:50%;height:12px;width:12px}.terminal-button.close{background:linear-gradient(180deg,#ff5f57 0,#ff4842)}.terminal-button.minimize{background:linear-gradient(180deg,#ffbd2e 0,#ffab00)}.terminal-button.maximize{background:linear-gradient(180deg,#28c840 0,#1aab29)}.terminal-title{font-size:12px;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}.light-mode .terminal-title{color:#0b6e4f}.dark-mode .terminal-title{color:#c4b5fd}.terminal-body{display:flex;flex-direction:column;min-height:200px;padding:1.2rem;transition:background .3s ease}.light-mode .terminal-body{background:linear-gradient(135deg,#f0fdf7,#e6f9f0);color:#064e3b}.dark-mode .terminal-body{background:linear-gradient(135deg,#1a0f2e,#0f0820);color:#e9d5ff}.terminal-header{font-family:Courier New,monospace;font-size:.85rem;margin-bottom:.8rem;text-align:left}.terminal-prompt{font-weight:600;margin-right:.5rem}.light-mode .terminal-prompt{color:#059669}.dark-mode .terminal-prompt{color:#a78bfa}.terminal-command{font-weight:500}.light-mode .terminal-command{color:#0891b2}.dark-mode .terminal-command{color:#7dd3fc}.terminal-output{font-size:1.8rem;font-weight:700;height:3rem;margin-bottom:.8rem}.terminal-output,.terminal-subtitle{display:block;font-family:Courier New,monospace;text-align:left}.terminal-subtitle{font-size:.95rem;height:2rem}.terminal-prompt-small{font-weight:600;margin-right:.3rem}.light-mode .terminal-prompt-small{color:#059669}.dark-mode .terminal-prompt-small{color:#a78bfa}.cursor{animation:blink 1s infinite;font-weight:400}.light-mode .cursor{color:#10b981}.dark-mode .cursor{color:#c084fc}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.light-mode .terminal-subtitle{color:#065f46}.dark-mode .terminal-subtitle{color:#c4b5fd}.light-mode .terminal-output{color:#064e3b}.dark-mode .terminal-output{color:#e9d5ff}.hero-image{display:flex;flex:1 1;justify-content:flex-end}.hero-image img{border-radius:25px;height:auto;object-fit:cover;width:300px}.hero{overflow:hidden;position:relative;z-index:1}.light-mode .hero:before{animation:reactBorderBlue 6s linear infinite;background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%}.dark-mode .hero:before,.light-mode .hero:before{border-radius:20px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}.dark-mode .hero:before{animation:reactBorderRed 6s linear infinite;background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}.light-mode .hero-content h1{color:#0b3d2e}.dark-mode .hero-content h1{color:#f1f5f9}.hero-buttons{display:flex;gap:1.2rem;justify-content:center;margin-top:2rem}.hero-button{border-radius:12px;box-shadow:0 4px 10px #00000026;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.7rem 1.4rem;text-decoration:none;transition:all .3s ease}.light-mode .hero-button{background-color:#66d9a3;color:#0b3d2e}.light-mode .hero-button:hover{background-color:#52c08b;box-shadow:0 6px 14px #0003;transform:translateY(-3px)}.dark-mode .hero-button{background-color:#7c3aed;color:#f8fafc}.dark-mode .hero-button:hover{background-color:#9f67ff;box-shadow:0 6px 14px #0006;transform:translateY(-3px)}@keyframes reactBorderBlue{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes reactBorderRed{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.hero{flex-direction:column-reverse;gap:15px;margin-left:10px;margin-right:10px;max-height:none;max-width:95%;padding:1.2rem}.terminal-window{border-radius:8px;margin-bottom:1rem;width:100%}.terminal-titlebar{height:26px;padding:0 8px}.terminal-button{gap:5px;height:10px;width:10px}.terminal-title{font-size:10px;font-weight:600}.terminal-body{min-height:180px;padding:1rem}.terminal-header{font-size:.65rem;margin-bottom:.6rem}.terminal-prompt{margin-right:.3rem}.terminal-output{font-size:1.1rem;margin-bottom:.6rem;min-height:2.5rem}.terminal-subtitle{font-size:.75rem;min-height:1.8rem}.terminal-prompt-small{margin-right:.2rem}.hero-content{width:100%}.hero-content h1{font-size:1.5rem}.hero-content p{font-size:1rem}.hero-image{justify-content:center;width:100%}.hero-image img{height:auto;width:200px}.hero-buttons{align-items:center;flex-direction:row;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1rem;padding:0 1rem}.hero-button{font-size:.9rem;max-width:200px;padding:.65rem 1rem;text-align:center;width:auto}}.about{border-radius:20px;box-sizing:border-box;margin:4rem auto;max-width:850px;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:background .5s ease,color .5s ease;width:90%}.about:after,.about:before{content:"";filter:blur(40px);opacity:.95;pointer-events:none;position:absolute;z-index:0}.about:before{animation:blobMove 12s ease-in-out infinite;background:radial-gradient(circle at 25% 30%,#6a1b9a33 0,#6a1b9a1a 25%,#0000 50%),radial-gradient(circle at 75% 70%,#00bfa51f 0,#00bfa50f 30%,#0000 55%);height:120%;left:-8%;mix-blend-mode:screen;top:-10%;transform:translateZ(0);width:60%}.about:after{animation:blobMoveReverse 14s ease-in-out infinite;background:radial-gradient(circle at 35% 40%,#6a1b9a1f 0,#6a1b9a0f 30%,#0000 60%),radial-gradient(circle at 70% 60%,#00bfa529 0,#00bfa514 35%,#0000 65%);bottom:-15%;filter:blur(50px);height:90%;mix-blend-mode:screen;right:-6%;width:50%}.light-mode .about:after,.light-mode .about:before{animation:none!important;filter:blur(36px);mix-blend-mode:normal;opacity:.5}.light-mode .about{background:linear-gradient(180deg,#fcf9fffa,#f6f3fafa);border:1px solid #6a1b9a1a;box-shadow:0 10px 35px #6a1b9a0f;color:#222}.dark-mode .about{background:linear-gradient(180deg,#12121ab8,#1a1824b8);border:1px solid #ffffff0a;box-shadow:0 10px 40px #00000073;color:#f5f5f5}.about-content{box-sizing:border-box;margin:0 auto;max-width:1000px;padding:0 1.5rem;position:relative;z-index:1}.about h2{word-wrap:break-word;animation:fadeInDown 1s ease;display:inline-block;font-size:2rem;font-weight:800;margin-bottom:1.5rem;position:relative}.about h2:after{animation:expandWidth 1.5s ease;background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about strong{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4a90e2,#90be6d);-webkit-background-clip:text;background-clip:text;font-weight:700;position:relative}@media (max-width:768px){.about{margin:3rem auto;max-width:100%;overflow-x:hidden;padding:2.5rem 1rem;width:calc(100% - 2rem)}.about h2{font-size:1.8rem;margin-bottom:1.2rem}.about h2:after{width:60px}.about-content{padding:0 .5rem}.about-content p{word-wrap:break-word;font-size:.95rem;line-height:1.6;overflow-wrap:break-word}}@media (max-width:480px){.about{margin:2rem auto;padding:2rem .5rem;width:calc(100% - 1rem)}.about h2{font-size:1.5rem}.about-content{padding:0 .25rem}.about-content p{font-size:.9rem}}.projects-container{padding:20px;transition:background-color .3s ease}.projects-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px}.project-card{flex-shrink:0;padding:20px}.light-mode .project-card{background-color:#fff;border:1px solid #e0cbb0;color:#1a1a1a}.dark-mode .project-card{background:linear-gradient(145deg,#2a2438,#1e1a29);border:1px solid #3d3250;color:#f1f1f1}.light-mode .project-card:hover{box-shadow:0 6px 18px #0000001f}.dark-mode .project-card:hover{box-shadow:0 6px 16px #c878ff40}.project-card img{border-radius:12px;display:block;height:200px;margin:auto;object-fit:cover;width:200px}.projects-container h2{display:inline-block;font-size:2rem;font-weight:800;margin-bottom:3rem;position:relative;text-align:center;transition:color .3s ease;width:100%}.projects-container h2:after{animation:expandWidth 1.5s ease;background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.light-mode .projects-container h2{color:#000}.dark-mode .projects-container h2{color:#fff}.project-card h3{font-size:1rem;margin-top:10px}.project-card p{font-size:.85rem;line-height:1.3;margin:6px 0 10px}.light-mode .project-card a{background-color:#6a1b9a;color:#fff}.dark-mode .project-card a,.light-mode .project-card a{border-radius:8px;display:inline-block;font-weight:700;padding:.6rem 1.2rem;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.dark-mode .project-card a{background-color:#80cbc4;color:#1a1a1a}.light-mode .project-card a:hover{background-color:#9c27b0}.dark-mode .project-card a:hover{background-color:#4db6ac}.project-card{border-radius:8px;overflow:hidden;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease;width:250px}.project-card:before{background:none;border-radius:8px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}.light-mode .project-card:before{background:linear-gradient(145deg,#9be7ff,#c4b5fd)}.dark-mode .project-card:before{background:linear-gradient(145deg,#a26bfa,#7b4ec7)}.project-card>*{position:relative;z-index:1}@keyframes borderBlue{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderRed{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.projects-grid{align-items:center;flex-direction:column}.project-card{max-width:300px;padding:15px;width:90%}.projects-container h2{font-size:1.6rem}.project-card img{height:150px;width:150px}.project-card h3{font-size:.9rem}.project-card a,.project-card p{font-size:.75rem}}.skills{margin:0 auto;max-width:1200px;overflow-x:hidden;padding:4rem 2rem;text-align:center;transition:color .5s ease}.light-mode .skills{color:#000}.dark-mode .skills{color:#fff}.skills h2{display:inline-block;font-size:2rem;font-weight:800;margin-bottom:3rem;position:relative}.skills h2:after{animation:expandWidth 1.5s ease;background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.skills-columns{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:0 auto;max-width:1400px}.skills-group{border-radius:20px;box-sizing:border-box;flex:1 1 45%;max-width:600px;min-width:300px;overflow:hidden;padding:2rem;position:relative;transition:background .3s ease}.light-mode .skills-group{background:linear-gradient(180deg,#fcf9fff2,#f6f3faf2);border:1px solid #6a1b9a1a;box-shadow:0 8px 30px #6a1b9a14}.dark-mode .skills-group{background:linear-gradient(180deg,#12121ab3,#1a1824b3);border:1px solid #ffffff0d;box-shadow:0 8px 30px #0006}.skills-group h3{display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.3rem}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:1rem}.skill-item{align-items:center;display:flex;flex-direction:column}.skill-item,.skill-item img{max-width:100%;transition:transform .3s ease}.skill-item img{height:80px;margin-bottom:.5rem;max-height:80px;object-fit:contain;width:80px}.skill-item p{font-size:.8rem;font-weight:600;margin:0}.skill-item:hover img{transform:scale(1.1)}.skill-item:hover{transform:translateY(-5px)}@media (max-width:768px){.skills{overflow-x:hidden;padding:3rem 1rem}.skills h2{font-size:1.8rem;margin-bottom:2rem}.skills h2:after{width:60px}.skills-columns{flex-direction:column;gap:2rem;width:100%}.skills-group{max-width:100%;min-width:100%;padding:1.5rem;width:100%}.skills-group h3{font-size:1.3rem}.skills-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));width:100%}.skill-item{max-width:90px}.skill-item img{height:60px!important;margin-bottom:.5rem!important;margin-top:0!important;max-height:60px!important;max-width:60px!important;width:60px!important}.skill-item p{font-size:.75rem}}@media (max-width:480px){.skills{padding:2.5rem .5rem}.skills h2{font-size:1.5rem}.skills-group{padding:1.2rem}.skills-group h3{font-size:1.2rem}.skills-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.skill-item{max-width:70px}.skill-item img{height:50px!important;margin-bottom:.5rem!important;margin-top:0!important;max-height:50px!important;max-width:50px!important;width:50px!important}.skill-item p{font-size:.7rem}}.certifications{margin:0 auto;max-width:1200px;padding:4rem 2rem 0;text-align:center}.certifications h2{display:inline-block;font-size:2rem;font-weight:800;margin-bottom:1.5rem;position:relative;transition:color .3s ease;width:100%}.certifications h2:after{animation:expandWidth 1.5s ease;background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.light-mode .certifications h2{color:#000}.dark-mode .certifications h2{color:#fff}.certification-image{border-radius:12px;display:block;height:auto;margin:0 auto 15px;max-width:1100px;object-fit:contain;width:100%}.certification-year{font-size:1.5rem;font-weight:700;margin:0;transition:color .3s ease}.light-mode .certification-year{color:#000}.dark-mode .certification-year{color:#fff}@media (max-width:768px){.certifications{padding:3rem 1rem 0}.certifications h2{font-size:1.75rem}.certification-image{max-width:500px}.certification-year{font-size:1.2rem}}.contact{border-radius:20px;box-sizing:border-box;margin:4rem auto;max-width:1000px;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center;transition:background .5s ease,color .5s ease;width:calc(100% - 4rem)}.contact:after,.contact:before{content:"";filter:blur(40px);opacity:.95;pointer-events:none;position:absolute;z-index:0}.contact:before{animation:blobMove 12s ease-in-out infinite;background:radial-gradient(circle at 25% 30%,#6a1b9a33 0,#6a1b9a1a 25%,#0000 50%),radial-gradient(circle at 75% 70%,#00bfa51f 0,#00bfa50f 30%,#0000 55%);height:120%;left:-8%;mix-blend-mode:screen;top:-10%;transform:translateZ(0);width:60%}.contact:after{animation:blobMoveReverse 14s ease-in-out infinite;background:radial-gradient(circle at 35% 40%,#6a1b9a1f 0,#6a1b9a0f 30%,#0000 60%),radial-gradient(circle at 70% 60%,#00bfa529 0,#00bfa514 35%,#0000 65%);bottom:-15%;filter:blur(50px);height:90%;mix-blend-mode:screen;right:-6%;width:50%}.light-mode .contact:after,.light-mode .contact:before{animation:none!important;filter:blur(36px);mix-blend-mode:normal;opacity:.5}@keyframes blobMove{0%{transform:translate(-6px) scale(1)}50%{transform:translate(10px,8px) scale(1.03)}to{transform:translate(-6px) scale(1)}}@keyframes blobMoveReverse{0%{transform:translate(6px) scale(1)}50%{transform:translate(-12px,-10px) scale(1.04)}to{transform:translate(6px) scale(1)}}.contact>*{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1000px;padding:0 1.5rem;position:relative;z-index:1}.contact h2{animation:fadeInDown 1s ease;display:inline-block;font-size:2rem;font-weight:800;margin-bottom:1.5rem;position:relative}.contact h2:after{animation:expandWidth 1.5s ease;background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.contact>p{animation:fadeInUp 1s ease;animation-delay:.2s;animation-fill-mode:both;font-size:1.2rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px}.contact-info{animation:fadeInUp 1s ease;animation-delay:.4s;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-sizing:border-box;margin:0 auto;max-width:600px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.contact-info:hover{transform:translateY(-5px)}.contact-info p{word-wrap:break-word;animation:fadeInUp 1s ease;animation-fill-mode:both;border-radius:10px;box-sizing:border-box;font-size:1rem;margin:1.2rem 0;overflow-wrap:break-word;padding:1rem;transition:all .3s ease}.contact-info p:first-child{animation-delay:.5s}.contact-info p:nth-child(2){animation-delay:.6s}.contact-info p:nth-child(3){animation-delay:.7s}.contact-info p:hover{transform:translateX(10px)}.light-mode .contact{background:linear-gradient(180deg,#fcf9fffa,#f6f3fafa);border:1px solid #6a1b9a1a;box-shadow:0 10px 35px #6a1b9a0f;color:#222}.dark-mode .contact{background:linear-gradient(180deg,#12121ab8,#1a1824b8);border:1px solid #ffffff0a;box-shadow:0 10px 40px #00000073;color:#f5f5f5}.light-mode .contact-info{background:#ffffffb3}.dark-mode .contact-info{background:#ffffff0d}.light-mode .contact-info:hover{box-shadow:0 8px 25px #6a1b9a26}.dark-mode .contact-info:hover{box-shadow:0 8px 25px #00bfa540}.light-mode .contact-info p:hover{background:#6a1b9a14}.dark-mode .contact-info p:hover{background:#00bfa51a}.light-mode .contact-info a{color:#6a1b9a}.dark-mode .contact-info a,.light-mode .contact-info a{border-radius:5px;font-weight:600;padding:.2rem .5rem;position:relative;text-decoration:none;transition:all .3s ease}.dark-mode .contact-info a{color:#00bfa5}.contact-info a:after{bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.light-mode .contact-info a:after{background:linear-gradient(90deg,#6a1b9a,#9c27b0)}.dark-mode .contact-info a:after{background:linear-gradient(90deg,#00bfa5,#26a69a)}.light-mode .contact-info a:hover{background:#6a1b9a1a;color:#9c27b0;transform:scale(1.05)}.dark-mode .contact-info a:hover{background:#00bfa526;color:#26a69a;transform:scale(1.05)}.contact-info a:hover:after{width:100%}@media (max-width:768px){.contact{margin:3rem auto;overflow-x:hidden;padding:3rem 1rem;width:calc(100% - 2rem)}.contact h2{font-size:1.8rem;margin-bottom:1.2rem}.contact h2:after{width:60px}.contact>p{font-size:1rem;margin-bottom:2rem;padding:0 .5rem}.contact-info{margin:0 auto;padding:1.5rem;width:100%}.contact-info p{font-size:.9rem;margin:1rem 0;padding:.8rem}}@media (max-width:480px){.contact{margin:2rem auto;padding:2.5rem .5rem;width:calc(100% - 1rem)}.contact h2{font-size:1.5rem}.contact>p{font-size:.95rem;padding:0 .25rem}.contact-info{padding:1.2rem .8rem}.contact-info p{font-size:.85rem;padding:.6rem}.contact-info a{font-size:.85rem;word-break:break-all}}.footer{border-top:1px solid;font-size:1rem;font-weight:600;padding:.5rem 1rem;text-align:center;transition:background .5s ease,color .5s ease}.footer-subtitle{color:gray;font-size:.8rem;font-weight:400;margin-top:.1rem}.light-mode .footer{background-color:#f9f7f7;border-color:#e0e0e0;color:#1a1a1a}.light-mode .footer .footer-subtitle{color:#555}.dark-mode .footer{background-color:#252f3e;border-color:#3b4759;color:#f1f5f9}.dark-mode .footer .footer-subtitle{color:#aaa}.light-mode .homepage{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .homepage{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.homepage{background-attachment:fixed;min-height:100vh;transition:background .6s ease,color .4s ease}.light-mode .homepage{box-shadow:inset 0 0 80px #0000000d}.dark-mode .homepage{box-shadow:inset 0 0 80px #ffffff0d}.project-navbar{align-items:center;border-bottom:1px solid #0000001a;display:flex;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,border-color .3s ease,color .3s ease;z-index:100}.project-navbar-left{align-items:center;display:flex;flex:1 1}.project-navbar-links{display:flex;flex:2 1;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}.project-navbar-right{align-items:center;display:flex;flex:1 1;gap:.5rem;justify-content:flex-end}.project-navbar-logo-link{color:inherit;display:inline-block;font-size:1.15rem;font-weight:700;position:relative;text-decoration:none}.project-navbar-logo-link:after{background-color:currentColor;bottom:0;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.project-navbar-logo-link:hover:after{width:100%}.project-theme-toggle{background-color:#ccc;border:none;border-radius:34px;cursor:pointer;height:32px;padding:0;position:relative;transition:background-color .3s;width:60px}.dark-mode .project-theme-toggle{background-color:#1e293b}.light-mode .project-theme-toggle{background-color:#cbd5e1}.project-theme-toggle-slider{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:26px;justify-content:center;left:3px;position:absolute;top:3px;transition:transform .3s;width:26px}.dark-mode .project-theme-toggle-slider{transform:translateX(28px)}.project-theme-toggle-slider svg{height:16px;width:16px}.lang-toggle{background-color:#cbd5e1;border:none;border-radius:34px;cursor:pointer;height:32px;margin-right:.8rem;padding:0;position:relative;transition:background-color .3s;width:60px}.dark-mode .lang-toggle{background-color:#1e293b}.lang-toggle-slider{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:26px;justify-content:center;left:3px;overflow:hidden;position:absolute;top:3px;transition:transform .3s;width:26px}.lang-toggle[data-lang=en] .lang-toggle-slider{transform:translateX(28px)}.flag-icon{border-radius:2px;height:16px;object-fit:cover;width:20px}.dark-mode .project-navbar{background-color:#252f3e;border-color:#3b4759;color:#f1f5f9}.light-mode .project-navbar{background-color:#f9f7f7;border-color:#e0e0e0;color:#1a1a1a}.mm-page{min-height:100vh;position:relative;transition:background-color .3s ease}.windows-boot{align-items:center;animation:fadeOut .5s ease 3s forwards;background:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.windows-boot-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.windows-logo{grid-gap:8px;animation:windowsLogoFade 2s ease-in-out infinite;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);height:100px;width:100px}.windows-square{animation:windowsSquarePulse 2s ease-in-out infinite;background:#00a4ef;border-radius:4px}.windows-square-1{animation-delay:0s}.windows-square-2{animation-delay:.2s}.windows-square-3{animation-delay:.4s}.windows-square-4{animation-delay:.6s}.windows-loading{height:40px;position:relative;width:40px}.windows-spinner{animation:windowsSpin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#00a4ef;height:100%;position:absolute;width:100%}.windows-text{font-size:1.1rem;letter-spacing:1px;margin-bottom:.5rem;margin-top:1rem}.windows-subtext,.windows-text{color:#fff;font-family:Segoe UI,sans-serif}.windows-subtext{font-size:.9rem;letter-spacing:.5px;margin:0;opacity:.9}.windows-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-top:1rem;overflow:hidden;width:250px}.windows-progress-fill{background:#00a4ef;box-shadow:0 0 10px #00a4ef;height:100%;transition:width .1s ease}@keyframes windowsLogoFade{0%,to{opacity:.8}50%{opacity:1}}@keyframes windowsSquarePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes windowsSpin{to{transform:rotate(1turn)}}.light-mode .mm-page{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .mm-page{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.mm-details{align-items:center;border-radius:15px;box-shadow:0 8px 20px #00000026;display:flex;flex-wrap:wrap;gap:5rem;justify-content:center;margin:3rem auto;max-width:1200px;overflow:hidden;padding:2rem;position:relative;text-align:left;transition:background .5s ease,color .5s ease;z-index:1}.light-mode .mm-details{background:linear-gradient(135deg,#e9fff7,#fffef5)}.dark-mode .mm-details{background:linear-gradient(135deg,#1b1b2f,#0f3d3e)}.light-mode .mm-details:before{animation:mmBorderBlue 6s linear infinite;background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%}.dark-mode .mm-details:before,.light-mode .mm-details:before{border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:0}.dark-mode .mm-details:before{animation:mmBorderRed 6s linear infinite;background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}@keyframes mmBorderBlue{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes mmBorderRed{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mm-text{flex:1 1}.mm-details h1{display:inline-block;font-size:2rem;margin-bottom:1.2rem;padding-bottom:.5rem;position:relative}.mm-details h1:after{background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.mm-description{font-size:1rem;line-height:1.6}.mm-version-list{font-size:1rem;list-style:square;margin-top:1rem;padding-left:1.5rem}.light-mode .mm-version-list li{color:#222}.dark-mode .mm-version-list li{color:#f5f5f5}.mm-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.mm-column{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mm-column h4{font-size:1rem;font-weight:600;margin-bottom:.4rem}.mm-btn{border-radius:8px;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;text-decoration:none;transition:background .3s ease,color .3s ease}.light-mode .mm-btn{background-color:#66d9a3;color:#0b3d2e}.light-mode .mm-btn:hover{background-color:#52c08b;box-shadow:0 6px 14px #0003}.dark-mode .mm-btn{background-color:#7c3aed;color:#f8fafc}.dark-mode .mm-btn:hover{background-color:#9f67ff;box-shadow:0 6px 14px #0006}.mm-video video{border-radius:15px;height:650px;max-width:100%;object-fit:cover;width:auto}.light-mode .mm-details{background-color:#fff;color:#222}.dark-mode .mm-details{background-color:#2c2c2c;color:#f5f5f5}@media (max-width:768px){.mm-details{flex-direction:column;gap:2rem;margin:30px 10px;padding:1.5rem;text-align:center}.mm-text h1{font-size:1.6rem}.mm-description,.mm-version-list{font-size:.8rem}.mm-buttons{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);width:100%}.mm-column{align-items:center;display:flex;flex-direction:column;gap:.5rem}.mm-btn{font-size:.8rem;padding:.5rem 1rem;width:auto}.mm-video video{height:620px;max-width:100%}}.light-mode .uh-page{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .uh-page{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.uh-page{min-height:100vh;position:relative;transition:background-color .3s ease}.macos-boot{align-items:center;animation:fadeOut .5s ease 3.5s forwards;background:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.macos-boot-content{align-items:center;display:flex;flex-direction:column;gap:3rem}.apple-logo{animation:applePulse 2s ease-in-out infinite;height:80px;width:80px}.apple-logo svg{filter:drop-shadow(0 0 20px rgba(255,255,255,.3));height:100%;width:100%}.macos-progress-bar{background:#fff3;border-radius:2px;height:3px;overflow:hidden;width:200px}.macos-progress-fill{background:#fff;box-shadow:0 0 10px #ffffff80;height:100%;transition:width .1s ease}@keyframes applePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.uh-details{border-radius:15px;box-shadow:0 8px 20px #00000026;margin:3rem auto;max-width:1200px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:background-color .3s ease,color .3s ease;z-index:1}.light-mode .uh-details{background:linear-gradient(135deg,#e9fff7,#fffef5)}.dark-mode .uh-details{background:linear-gradient(135deg,#1b1b2f,#0f3d3e)}.light-mode .uh-details:before{background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%}.dark-mode .uh-details:before,.light-mode .uh-details:before{animation:uhBorderMove 6s linear infinite;border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;transition:background .5s ease;z-index:0}.dark-mode .uh-details:before{background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}@keyframes uhBorderMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.uh-text{margin:0 auto;max-width:900px}.uh-details h1{display:inline-block;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.uh-details h1:after{background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.uh-description{font-size:1rem;line-height:1.6;margin-bottom:2rem}.uh-video{display:flex;justify-content:center;margin:2rem 0}.uh-video video{border-radius:15px;box-shadow:0 8px 16px #00000040;height:auto;max-width:100%;object-fit:cover;width:900px}.uh-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.uh-btn{border-radius:8px;font-weight:600;padding:.6rem 1.3rem;text-decoration:none;transition:background .3s ease,color .3s ease}.light-mode .uh-btn{background-color:#007bff;color:#fff}.light-mode .uh-btn:hover{background-color:#0056b3}.dark-mode .uh-btn{background-color:#7c3aed;color:#fff}.dark-mode .uh-btn:hover{background-color:#9f67ff}@media (max-width:768px){.uh-details{margin:30px 10px;padding:1.5rem}.uh-text h1{font-size:1.6rem}.uh-btn,.uh-description{font-size:.8rem}.uh-video video{height:auto;width:100%}}.light-mode .mphh-page{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);box-shadow:inset 0 0 80px #0000000d;color:#1a1a1a}.dark-mode .mphh-page{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);box-shadow:inset 0 0 80px #ffffff0d;color:#f1f5f9}.mphh-page{min-height:100vh;position:relative;transition:background-color .3s ease}.linux-boot{align-items:flex-start;animation:fadeOut .5s ease 4s forwards;background:#000;display:flex;font-family:Courier New,monospace;height:100vh;justify-content:center;left:0;padding-top:10vh;position:fixed;top:0;width:100vw;z-index:9999}.linux-boot-content{max-width:800px;width:90%}.linux-logo{color:#0f0;font-size:2rem;font-weight:700;letter-spacing:4px;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px #0f0}.linux-message{animation:linuxTextAppear .1s ease;color:#fff;font-size:.9rem;margin:.3rem 0}.linux-message:last-child{animation:linuxCursorBlink 1s infinite;color:#0f0}@keyframes linuxTextAppear{0%{opacity:0}to{opacity:1}}@keyframes linuxCursorBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.mphh-details{border-radius:15px;box-shadow:0 8px 20px #00000026;margin:3rem auto;max-width:1200px;overflow:hidden;padding:1rem;position:relative;text-align:center;transition:background-color .3s ease,color .3s ease;z-index:1}.light-mode .mphh-details{background:linear-gradient(135deg,#e9fff7,#fffef5);color:#222}.dark-mode .mphh-details{background:linear-gradient(135deg,#1b1b2f,#0f3d3e);color:#f5f5f5}.mphh-details:before{animation:mphhBorderMove 6s linear infinite;background:linear-gradient(120deg,#0000,#66d9a3,#0000,#9ef7c9);background-size:300% 300%;border-radius:15px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;transition:background .5s ease;z-index:0}.dark-mode .mphh-details:before{background:linear-gradient(120deg,#0000,#a78bfa,#0000,#7dd3fc);background-size:300% 300%}@keyframes mphhBorderMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mphh-text{margin:0 auto;max-width:900px}.mphh-details h1{display:inline-block;font-size:2rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.mphh-details h1:after{background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:150px}.mphh-description{font-size:1rem;line-height:1.6;margin-bottom:2rem}.mphh-video{display:flex;justify-content:center;margin:2rem 0}.mphh-video video{border-radius:15px;box-shadow:0 8px 16px #00000040;height:auto;max-width:100%;object-fit:cover;width:700px}.mphh-columns{display:flex;gap:1.5rem}.mphh-column{overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.mphh-column,.mphh-column:first-child{border-radius:15px}.light-mode .mphh-column:first-child{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #4a90e2;box-shadow:0 4px 15px #4a90e21a}.dark-mode .mphh-column:first-child{background:linear-gradient(135deg,#1e3a5f,#0d2847);border:2px solid #60a5fa;box-shadow:0 4px 15px #60a5fa26}.mphh-column:first-child h3:after{background:linear-gradient(90deg,#4a90e2,#60a5fa);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.mphh-column:first-child h3{padding-bottom:12px;position:relative}.mphh-column:nth-child(2){border-radius:15px;position:relative}.light-mode .mphh-column:nth-child(2){background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:2px solid #9333ea;box-shadow:0 4px 18px #9333ea1f}.dark-mode .mphh-column:nth-child(2){background:linear-gradient(135deg,#2e1065,#1e1b4b);border:2px solid #a78bfa;box-shadow:0 4px 18px #a78bfa2e}.mphh-column:nth-child(2):before{background-image:radial-gradient(circle,#9333ea1a 1px,#0000 0);background-size:20px 20px;border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dark-mode .mphh-column:nth-child(2):before{background-image:radial-gradient(circle,#a78bfa26 1px,#0000 0)}.mphh-column:nth-child(2) h3:after{background:linear-gradient(90deg,#9333ea,#c084fc);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.mphh-column:nth-child(2) h3{padding-bottom:12px;position:relative}.mphh-column:last-child{border-radius:15px}.light-mode .mphh-column:last-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f0fdf4e6,#d1fae5cc);border:2px solid #90be6d66;box-shadow:0 4px 20px #90be6d26}.dark-mode .mphh-column:last-child{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a26d9,#142819e6);border:2px solid #4ade804d;box-shadow:0 4px 20px #4ade8033}.mphh-column:last-child h3:after{background:linear-gradient(90deg,#90be6d,#4ade80);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.mphh-column:last-child h3{padding-bottom:12px;position:relative}.mphh-column:first-child:hover{box-shadow:0 8px 25px #4a90e240;transform:translateY(-8px) scale(1.02)}.light-mode .mphh-column:first-child:hover{border-color:#2979ff}.dark-mode .mphh-column:first-child:hover{border-color:#90caf9}.mphh-column:nth-child(2):hover{box-shadow:0 8px 28px #9333ea47;transform:translateY(-8px) scale(1.02)}.light-mode .mphh-column:nth-child(2):hover{border-color:#7c3aed}.dark-mode .mphh-column:nth-child(2):hover{border-color:#c084fc}.mphh-column:last-child:hover{box-shadow:0 8px 30px #90be6d4d;transform:translateY(-8px) scale(1.02)}.light-mode .mphh-column:last-child:hover{border-color:#90be6db3}.dark-mode .mphh-column:last-child:hover{border-color:#4ade8080}.mphh-column-buttons{align-items:center;display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.mphh-column-buttons .mphh-btn{border-radius:8px;cursor:pointer;font-size:.95rem;max-width:200px;padding:.65rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.light-mode .mphh-column:first-child .mphh-btn{background-color:#4a90e2;border:2px solid #4a90e2;color:#fff}.light-mode .mphh-column:first-child .mphh-btn:hover{background-color:#2979ff;border-color:#2979ff;transform:translateY(-2px)}.dark-mode .mphh-column:first-child .mphh-btn{background-color:#60a5fa;border:2px solid #60a5fa;color:#0d2847}.dark-mode .mphh-column:first-child .mphh-btn:hover{background-color:#90caf9;border-color:#90caf9;transform:translateY(-2px)}.light-mode .mphh-column:nth-child(2) .mphh-btn{background-color:#9333ea;border:2px solid #9333ea;color:#fff}.light-mode .mphh-column:nth-child(2) .mphh-btn:hover{background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-2px)}.dark-mode .mphh-column:nth-child(2) .mphh-btn{background-color:#a78bfa;border:2px solid #a78bfa;color:#1e1b4b}.dark-mode .mphh-column:nth-child(2) .mphh-btn:hover{background-color:#c084fc;border-color:#c084fc;transform:translateY(-2px)}.light-mode .mphh-column:last-child .mphh-btn{background-color:#90be6d;border:2px solid #90be6d;color:#fff}.light-mode .mphh-column:last-child .mphh-btn:hover{background-color:#7aa354;border-color:#7aa354;transform:translateY(-2px)}.dark-mode .mphh-column:last-child .mphh-btn{background-color:#4ade80;border:2px solid #4ade80;color:#14281a}.dark-mode .mphh-column:last-child .mphh-btn:hover{background-color:#6ee7a7;border-color:#6ee7a7;transform:translateY(-2px)}.mphh-doc{display:flex;justify-content:center;margin-bottom:1rem;margin-top:2rem}.mphh-doc .mphh-btn{border-radius:12px;display:inline-block;font-size:.95rem;font-weight:500;padding:.65rem 1.2rem;text-decoration:none;transition:all .3s ease}.light-mode .mphh-doc .mphh-btn{background-color:#6a1b9a;border:2px solid #6a1b9a;box-shadow:0 4px 12px #6a1b9a33;color:#fff}.light-mode .mphh-doc .mphh-btn:hover{background-color:#7c3aed;border-color:#7c3aed;box-shadow:0 6px 18px #6a1b9a4d;transform:translateY(-2px)}.dark-mode .mphh-doc .mphh-btn{background-color:#a78bfa;border:2px solid #a78bfa;box-shadow:0 4px 12px #a78bfa33;color:#1e1b4b}.dark-mode .mphh-doc .mphh-btn:hover{background-color:#c084fc;border-color:#c084fc;box-shadow:0 6px 18px #a78bfa4d;transform:translateY(-2px)}@media (max-width:768px){.mphh-details{margin:30px 10px;padding:1.5rem}.mphh-text h1{font-size:1.6rem}.mphh-btn,.mphh-description{font-size:.8rem}.mphh-columns{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.mphh-column h2{font-size:1rem}.mphh-column p{font-size:.8rem}.mphh-column-buttons .mphh-btn{font-size:.7rem;padding:.5rem .8rem}.mphh-doc .mphh-btn{font-size:.8rem;padding:.7rem 1.2rem}.mphh-video video{height:auto;width:100%}}.light-mode .echoplaypage{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .echoplaypage{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.echoplaypage{background-attachment:fixed;color:var(--text-color);min-height:100vh;position:relative;transition:background .6s ease,color .4s ease}.ubuntu-boot{align-items:center;animation:fadeOut .5s ease 4s forwards;background:linear-gradient(135deg,#2c001e,#300a24 50%,#5e2750);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.ubuntu-boot-content{gap:2rem}.ubuntu-boot-content,.ubuntu-logo-container{align-items:center;display:flex;flex-direction:column}.ubuntu-logo-container{gap:1rem}.ubuntu-logo{height:100px;position:relative;width:100px}.ubuntu-circle{background:#dd4814;border-radius:50%;box-shadow:0 0 15px #dd481499;height:20px;position:absolute;width:20px}.ubuntu-circle-1{animation:ubuntuPulse 2s ease-in-out infinite;left:50%;top:0;transform:translateX(-50%)}.ubuntu-circle-2{animation:ubuntuPulse 2s ease-in-out .3s infinite;bottom:10px;left:10px}.ubuntu-circle-3{animation:ubuntuPulse 2s ease-in-out .6s infinite;bottom:10px;right:10px}.ubuntu-circle-center{background:#dd4814;border-radius:50%;box-shadow:0 0 20px #dd4814cc;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}.ubuntu-text{font-size:2rem;font-weight:300;letter-spacing:2px}.ubuntu-loading,.ubuntu-text{color:#fff;font-family:Ubuntu,sans-serif}.ubuntu-loading{font-size:1rem;min-height:24px}.ubuntu-progress-container{width:250px}.ubuntu-progress-bar{background:#fff3;border-radius:2px;height:4px;overflow:hidden;width:100%}.ubuntu-progress-fill{background:#dd4814;box-shadow:0 0 10px #dd481499;height:100%;transition:width .1s ease}@keyframes ubuntuPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.echoplaypage-content{padding:3rem 2rem;text-align:center}.echoplaypage-header{border-radius:16px;margin:0 auto 3rem;max-width:900px;padding:2rem;position:relative}.light-mode .echoplaypage-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3e0e6,#ffe0b2b3);border:2px solid #ff980066;box-shadow:0 4px 20px #ff980033}.dark-mode .echoplaypage-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a148cb3,#2c0a5699);border:2px solid #9c27b066;box-shadow:0 4px 20px #9c27b033}.echoplaypage-header h1{display:inline-block;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.echoplaypage-header h1:after{background:linear-gradient(90deg,#6a1b9a,#00bfa5);border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.echoplaypage-header p{font-size:1rem;line-height:1.6;margin:0 auto;max-width:800px}.echoplaypage-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(6,1fr);justify-content:center;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1400px}.echoplay-column{border-radius:16px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;position:relative;text-align:left;transition:all .4s ease}.echoplay-column:first-child,.echoplay-column:nth-child(2),.echoplay-column:nth-child(3){grid-column:span 2}.echoplay-column:nth-child(4){grid-column:2/span 2}.echoplay-column:nth-child(5){grid-column:4/span 2}.light-mode .echoplay-column:first-child{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;box-shadow:0 4px 15px #ff980026}.dark-mode .echoplay-column:first-child{background:linear-gradient(135deg,#3e2723,#2c1810);border:2px solid #ffb74d;box-shadow:0 4px 15px #ffb74d33}.echoplay-column:first-child:hover{box-shadow:0 8px 25px #ff980040;transform:translateY(-8px) scale(1.02)}.light-mode .echoplay-column:nth-child(2){background:linear-gradient(135deg,#e0f7fa,#b2ebf2);border:2px solid #00bcd4;box-shadow:0 4px 15px #00bcd426}.dark-mode .echoplay-column:nth-child(2){background:linear-gradient(135deg,#004d40,#00251a);border:2px solid #26c6da;box-shadow:0 4px 15px #26c6da33}.echoplay-column:nth-child(2):hover{box-shadow:0 8px 25px #00bcd440;transform:translateY(-8px) scale(1.02)}.light-mode .echoplay-column:nth-child(3){background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;box-shadow:0 4px 15px #2196f326}.dark-mode .echoplay-column:nth-child(3){background:linear-gradient(135deg,#1a237e,#0d1642);border:2px solid #64b5f6;box-shadow:0 4px 15px #64b5f633}.echoplay-column:nth-child(3):hover{box-shadow:0 8px 25px #2196f340;transform:translateY(-8px) scale(1.02)}.light-mode .echoplay-column:nth-child(4){background:linear-gradient(135deg,#f1f8e9,#dcedc8);border:2px solid #8bc34a;box-shadow:0 4px 15px #8bc34a26}.dark-mode .echoplay-column:nth-child(4){background:linear-gradient(135deg,#1b5e20,#0d2f10);border:2px solid #9ccc65;box-shadow:0 4px 15px #9ccc6533}.echoplay-column:nth-child(4):hover{box-shadow:0 8px 25px #8bc34a40;transform:translateY(-8px) scale(1.02)}.light-mode .echoplay-column:nth-child(5){background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:2px solid #9c27b0;box-shadow:0 4px 15px #9c27b026}.dark-mode .echoplay-column:nth-child(5){background:linear-gradient(135deg,#4a148c,#2c0a56);border:2px solid #ba68c8;box-shadow:0 4px 15px #ba68c833}.echoplay-column:nth-child(5):hover{box-shadow:0 8px 25px #9c27b040;transform:translateY(-8px) scale(1.02)}.echoplaypage-images{margin:3rem auto;max-width:1800px}.echoplay-images-container,.echoplay-images-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.echoplay-images-row{width:100%}.desktop-image{border-radius:12px;box-shadow:0 6px 16px #0000004d;display:block;height:auto;margin-top:1rem;max-width:800px;width:100%}.app-image{height:300px;object-fit:cover;width:200px}.side-image{border-radius:12px;box-shadow:0 4px 12px #00000040;height:auto;width:260px}.center-image{border-radius:12px;box-shadow:0 6px 16px #0000004d;height:450px;width:450px}.echoplay-btn{border:2px solid #0000;border-radius:10px;cursor:pointer;display:inline-block;font-size:.95rem;margin:.5rem .3rem;padding:.65rem 1.2rem;text-decoration:none;transition:all .3s ease}.light-mode .echoplay-column:first-child .echoplay-btn{background-color:#ff9800;border-color:#ff9800;color:#fff}.light-mode .echoplay-column:first-child .echoplay-btn:hover{background-color:#f57c00;border-color:#f57c00;transform:translateY(-2px)}.dark-mode .echoplay-column:first-child .echoplay-btn{background-color:#ffb74d;border-color:#ffb74d;color:#2c1810}.dark-mode .echoplay-column:first-child .echoplay-btn:hover{background-color:#ffa726;border-color:#ffa726;transform:translateY(-2px)}.light-mode .echoplay-column:nth-child(2) .echoplay-btn{background-color:#00bcd4;border-color:#00bcd4;color:#fff}.light-mode .echoplay-column:nth-child(2) .echoplay-btn:hover{background-color:#0097a7;border-color:#0097a7;transform:translateY(-2px)}.dark-mode .echoplay-column:nth-child(2) .echoplay-btn{background-color:#26c6da;border-color:#26c6da;color:#00251a}.dark-mode .echoplay-column:nth-child(2) .echoplay-btn:hover{background-color:#00acc1;border-color:#00acc1;transform:translateY(-2px)}.light-mode .echoplay-column:nth-child(3) .echoplay-btn{background-color:#2196f3;border-color:#2196f3;color:#fff}.light-mode .echoplay-column:nth-child(3) .echoplay-btn:hover{background-color:#1976d2;border-color:#1976d2;transform:translateY(-2px)}.dark-mode .echoplay-column:nth-child(3) .echoplay-btn{background-color:#64b5f6;border-color:#64b5f6;color:#0d1642}.dark-mode .echoplay-column:nth-child(3) .echoplay-btn:hover{background-color:#42a5f5;border-color:#42a5f5;transform:translateY(-2px)}.light-mode .echoplay-column:nth-child(4) .echoplay-btn{background-color:#8bc34a;border-color:#8bc34a;color:#fff}.light-mode .echoplay-column:nth-child(4) .echoplay-btn:hover{background-color:#7cb342;border-color:#7cb342;transform:translateY(-2px)}.dark-mode .echoplay-column:nth-child(4) .echoplay-btn{background-color:#9ccc65;border-color:#9ccc65;color:#0d2f10}.dark-mode .echoplay-column:nth-child(4) .echoplay-btn:hover{background-color:#8bc34a;border-color:#8bc34a;transform:translateY(-2px)}.light-mode .echoplay-column:nth-child(5) .echoplay-btn{background-color:#9c27b0;border-color:#9c27b0;color:#fff}.light-mode .echoplay-column:nth-child(5) .echoplay-btn:hover{background-color:#7b1fa2;border-color:#7b1fa2;transform:translateY(-2px)}.dark-mode .echoplay-column:nth-child(5) .echoplay-btn{background-color:#ba68c8;border-color:#ba68c8;color:#2c0a56}.dark-mode .echoplay-column:nth-child(5) .echoplay-btn:hover{background-color:#ab47bc;border-color:#ab47bc;transform:translateY(-2px)}@media (max-width:768px){.echoplaypage-content{margin:30px 10px;padding:1.5rem}.echoplaypage-header h1{font-size:1.6rem}.echoplaypage-header p{font-size:.8rem}.echoplaypage-columns{gap:1.5rem;grid-template-columns:1fr}.echoplay-column:first-child,.echoplay-column:nth-child(2),.echoplay-column:nth-child(3),.echoplay-column:nth-child(4),.echoplay-column:nth-child(5){grid-column:auto}.echoplay-btn{font-size:.8rem}.echoplay-column h2{font-size:1rem}.echoplay-column p{font-size:.8rem}.echoplay-images-container{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.app-image{height:180px;width:auto}.side-image{height:auto;width:140px}.center-image{height:auto;max-width:280px;width:100%}.desktop-image{height:auto;max-width:100%;width:100%}}.light-mode .firecommandpage{background:linear-gradient(160deg,#e6f0ff,#b3d1ff);color:#1a1a1a}.dark-mode .firecommandpage{background:linear-gradient(160deg,#0f172a,#1e293b 40%,#334155);color:#f1f5f9}.firecommandpage{background-attachment:fixed;color:var(--text-color);min-height:100vh;position:relative;transition:background .6s ease,color .4s ease}.firecommand-boot{align-items:center;animation:fadeOut .5s ease 5s forwards;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.firecommand-boot-content{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:500px}.emergency-badge{height:140px;position:relative;width:140px}.badge-outer,.emergency-badge{align-items:center;display:flex;justify-content:center}.badge-outer{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#991b1b);border-radius:50%;box-shadow:0 0 30px #dc262680,inset 0 2px 10px #fff3;height:120px;width:120px}.badge-inner{align-items:center;background:linear-gradient(135deg,#7f1d1d,#991b1b);border:2px solid #dc262699;border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;width:100px}.badge-star{height:100%;position:absolute;width:100%}.star-point{background:linear-gradient(180deg,#dc2626cc,#0000);height:40px;left:50%;position:absolute;top:50%;transform-origin:center;width:3px}.star-point:first-child{transform:translate(-50%,-50%) rotate(0deg)}.star-point:nth-child(2){transform:translate(-50%,-50%) rotate(90deg)}.star-point:nth-child(3){transform:translate(-50%,-50%) rotate(45deg)}.star-point:nth-child(4){transform:translate(-50%,-50%) rotate(135deg)}.badge-center{align-items:center;background:#0a0a0a;border:2px solid #dc2626;border-radius:50%;color:#dc2626;display:flex;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;height:45px;justify-content:center;width:45px;z-index:1}.siren-light{border-radius:50%;height:20px;position:absolute;top:10px;width:20px}.siren-left{animation:sirenFlash 1s ease-in-out infinite;left:0}.siren-left,.siren-right{background:#dc2626;box-shadow:0 0 20px #dc2626}.siren-right{animation:sirenFlash 1s ease-in-out .5s infinite;right:0}.system-status{display:flex;flex-direction:column;font-family:Courier New,monospace;font-size:.85rem;gap:.5rem;max-width:400px;width:100%}.status-line{align-items:center;animation:statusLineAppear .5s ease forwards;color:#a3a3a3;display:flex;gap:.5rem;opacity:0}.status-line:first-child{animation-delay:.3s}.status-line:nth-child(2){animation-delay:.6s}.status-line:nth-child(3){animation-delay:.9s}.status-icon{color:#dc2626}.status-ok{color:#22c55e;font-weight:600;margin-left:auto}.firecommand-text{color:#dc2626;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;letter-spacing:4px;margin:1rem 0 .5rem;text-shadow:0 0 10px #dc262680}.firecommand-progress-container{max-width:400px;width:100%}.progress-label{color:#a3a3a3;display:flex;font-family:Courier New,monospace;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.progress-percent{color:#dc2626;font-weight:600}.firecommand-progress-bar{background:#dc26261a;border:1px solid #dc26264d;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.firecommand-progress-fill{background:linear-gradient(90deg,#dc2626,#ef4444 50%,#dc2626);box-shadow:0 0 15px #dc2626cc;height:100%;position:relative;transition:width .1s ease}.firecommand-progress-fill:after{animation:progressShine 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes badgePulse{0%,to{box-shadow:0 0 30px #dc262680;transform:scale(1)}50%{box-shadow:0 0 40px #dc2626b3;transform:scale(1.05)}}@keyframes sirenFlash{0%,to{opacity:.3}50%{opacity:1}}@keyframes statusLineAppear{to{opacity:1}}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.firecommandpage-content{padding:3rem 2rem;text-align:center}.firecommandpage-header{border-radius:16px;margin:0 auto 3rem;max-width:900px;padding:2rem;position:relative}.light-mode .firecommandpage-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffebebe6,#ffc8c8b3);border:2px solid #f446;box-shadow:0 4px 20px #f443}.dark-mode .firecommandpage-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a1a1ab3,#2d0a0a99);border:2px solid #dc262666;box-shadow:0 4px 20px #dc262633}.firecommandpage-header h1{display:inline-block;font-size:2rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.firecommandpage-header h1:after{background:linear-gradient(90deg,#f44,orange);border-radius:2px;bottom:0;box-shadow:0 2px 8px #ff444480;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.light-mode .firecommandpage-header h1{color:#c41e3a}.dark-mode .firecommandpage-header h1{color:#ff6b6b}.firecommandpage-header p{font-size:1rem;line-height:1.7;margin:.5rem 0}.light-mode .firecommandpage-header p{color:#2d1515}.dark-mode .firecommandpage-header p{color:#e5e7eb}.firecommandpage-images{margin:0 auto 3rem;max-width:1400px}.firecommand-images-container{display:flex;flex-direction:column;gap:1.5rem}.firecommand-images-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);justify-items:center}.firecommand-image{border-radius:12px;box-shadow:0 4px 15px #0003;height:auto;max-width:650px;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease;width:100%}.firecommand-image:hover{box-shadow:0 8px 25px #ff44444d;transform:translateY(-5px)}.firecommandpage-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;padding:2rem 0}.firecommand-column{border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.light-mode .firecommand-column{background:linear-gradient(135deg,#fff0f0e6,#ffdcdcb3);border:2px solid #ff44444d;box-shadow:0 4px 15px #ff444426}.dark-mode .firecommand-column{background:linear-gradient(135deg,#3a1414b3,#230a0a99);border:2px solid #dc26264d;box-shadow:0 4px 15px #dc262626}.firecommand-column:hover{transform:translateY(-8px)}.light-mode .firecommand-column:hover{border-color:#ff444480;box-shadow:0 8px 25px #ff44444d}.dark-mode .firecommand-column:hover{border-color:#dc262680;box-shadow:0 8px 25px #dc26264d}.firecommand-column h2{font-size:1.5rem;margin-bottom:.5rem}.light-mode .firecommand-column h2{color:#c41e3a}.dark-mode .firecommand-column h2{color:#ff6b6b}.firecommand-column p{flex-grow:1;font-size:.95rem;line-height:1.6}.light-mode .firecommand-column p{color:#4a1a1a}.dark-mode .firecommand-column p{color:#d1d5db}.firecommand-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.firecommand-btn{border-radius:8px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none}.light-mode .firecommand-btn{background:linear-gradient(135deg,#f44,#ff6b1a);box-shadow:0 4px 12px #ff44444d;color:#fff}.dark-mode .firecommand-btn{background:linear-gradient(135deg,#dc2626,#ff6b1a);box-shadow:0 4px 12px #dc26264d;color:#fff}.firecommand-postdata{font-size:.85rem;font-style:italic;line-height:1.4;margin-top:.5rem}.light-mode .firecommand-postdata{color:#7f1d1d}.dark-mode .firecommand-postdata{color:#fca5a5}@media (max-width:768px){.firecommandpage-header h1{font-size:1.75rem}.firecommandpage-header p{font-size:.95rem}.firecommandpage-columns{gap:1.5rem;grid-template-columns:1fr}.firecommand-images-row{align-items:center;flex-direction:column}.firecommand-image{max-width:100%}.emergency-badge{height:100px;width:100px}.badge-outer{height:90px;width:90px}.badge-inner{height:75px;width:75px}.badge-center{font-size:1rem;height:35px;width:35px}.star-point{height:30px}.firecommand-text{font-size:1.2rem;letter-spacing:2px}.system-status{font-size:.75rem}.siren-light{height:15px;width:15px}}@media (max-width:480px){.firecommandpage-content{padding:2rem 1rem}.firecommand-column,.firecommandpage-header{padding:1.5rem}.firecommand-btn{text-align:center;width:100%}}.not-found-container{align-items:center;background-attachment:fixed;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;transition:background .6s ease,color .4s ease}.light-mode .not-found-container{background:radial-gradient(circle at 20% 50%,#ff6b6b1f 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffaf7b26 0,#0000 50%),linear-gradient(160deg,#fff5f5,#ffe9e9 50%,#ffd4d4);background-size:100% 100%,100% 100%,100% 100%;box-shadow:inset 0 0 80px #0000000d;color:#1a1a1a}.light-mode .not-found-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff6b6b0a 0,#ff6b6b0a 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ff6b6b0a 0,#ff6b6b0a 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.dark-mode .not-found-container{background:radial-gradient(circle at 30% 40%,#dc26262e 0,#0000 50%),radial-gradient(circle at 70% 70%,#06b6d41f 0,#0000 50%),linear-gradient(160deg,#1a0a0a,#2d1515 30%,#3d1a1a 60%,#4a2020);background-size:100% 100%,100% 100%,100% 100%;box-shadow:inset 0 0 80px #ff646414;color:#f1f5f9}.dark-mode .not-found-container:before{animation:scanline 8s linear infinite;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#dc26260f 0,#dc26260f 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#06b6d40a 0,#06b6d40a 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes scanline{0%{background-position:0 0}to{background-position:0 100px}}.floating-shapes{height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.08;position:absolute}.light-mode .shape{background:radial-gradient(circle,#ff6b6b4d 0,#ffaf7b33 50%,#0000 100%)}.dark-mode .shape{background:radial-gradient(circle,#dc262640 0,#06b6d426 50%,#0000 100%)}.shape-1{animation-delay:0s;height:300px;left:-150px;top:-150px;width:300px}.shape-2{animation-delay:2s;animation-duration:15s;height:200px;right:-100px;top:60%;width:200px}.shape-3{animation-delay:4s;animation-duration:18s;bottom:-75px;height:150px;left:20%;width:150px}.shape-4{animation-delay:1s;animation-duration:22s;height:100px;right:15%;top:20%;width:100px}.shape-5{animation-delay:3s;animation-duration:25s;bottom:10%;height:250px;right:5%;width:250px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(-20px,20px) rotate(180deg)}75%{transform:translate(20px,30px) rotate(270deg)}}.not-found-content{animation:fadeInUp .8s ease-out;max-width:700px;position:relative;text-align:center;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.glitch-wrapper{margin-bottom:2rem;position:relative}.not-found-title{animation:glitchAnim 4s infinite;font-size:12rem;font-weight:900;line-height:1;margin:0;position:relative}.light-mode .not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff4757);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #ff6b6b99,0 0 40px #ff475766}.dark-mode .not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#06b6d4);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 20px #dc262699,0 0 40px #06b6d466}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%}.light-mode .glitch:after,.light-mode .glitch:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ff4757);-webkit-background-clip:text;background-clip:text}.dark-mode .glitch:after,.dark-mode .glitch:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#dc2626,#06b6d4);-webkit-background-clip:text;background-clip:text}.glitch:before{animation:glitchBefore 4s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);text-shadow:-6px 0 #06b6d4,-8px 0 #06b6d480}.glitch:after{animation:glitchAfter 4s infinite;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);text-shadow:6px 0 #06b6d4,8px 0 #06b6d480}@keyframes glitchAnim{0%,70%,to{transform:translate(0)}72%{transform:translate(-6px,4px)}74%{transform:translate(6px,-4px)}76%{transform:translate(-4px,-6px)}78%{transform:translate(4px,6px)}80%{transform:translate(-5px,2px)}82%{transform:translate(3px,-3px)}84%{transform:translate(-2px,5px)}86%{transform:translate(4px,-2px)}88%{transform:translate(-3px,3px)}90%{transform:translate(2px,-4px)}}@keyframes glitchBefore{0%,70%,to{transform:translate(0)}72%{transform:translate(-8px,-6px)}74%{transform:translate(8px,6px)}76%{transform:translate(-6px,8px)}78%{transform:translate(6px,-8px)}80%{transform:translate(-10px,-4px)}82%{transform:translate(4px,2px)}84%{transform:translate(-7px,5px)}86%{transform:translate(9px,-3px)}88%{transform:translate(-5px,-7px)}90%{transform:translate(3px,6px)}}@keyframes glitchAfter{0%,70%,to{transform:translate(0)}72%{transform:translate(8px,6px)}74%{transform:translate(-8px,-6px)}76%{transform:translate(6px,-8px)}78%{transform:translate(-6px,8px)}80%{transform:translate(10px,4px)}82%{transform:translate(-4px,-2px)}84%{transform:translate(7px,-5px)}86%{transform:translate(-9px,3px)}88%{transform:translate(5px,7px)}90%{transform:translate(-3px,-6px)}}.subtitle-wrapper{animation:fadeIn 1s ease-out .3s both;margin-bottom:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.not-found-subtitle{display:inline-block;font-size:2.5rem;font-weight:700;margin:.5rem 0;position:relative}.subtitle-underline{animation:expandWidth 1s ease-out .5s both;border-radius:2px;height:4px;margin:.5rem auto;width:60%}.light-mode .subtitle-underline{background:linear-gradient(90deg,#0000,#ff6b6b,#ff4757,#0000)}.dark-mode .subtitle-underline{background:linear-gradient(90deg,#0000,#dc2626,#06b6d4,#0000)}@keyframes expandWidth{0%{width:0}to{width:60%}}.not-found-description{animation:fadeIn 1s ease-out .6s both;font-size:1.2rem;line-height:1.6;margin:1.5rem 0 2.5rem;opacity:.85}.button-group{animation:fadeIn 1s ease-out .9s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.not-found-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #00000026;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.not-found-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.not-found-button:hover:before{height:300px;width:300px}.light-mode .not-found-button.primary,.light-mode .not-found-button.secondary{background-color:#ff6b6b;box-shadow:0 4px 15px #ff6b6b4d;color:#fff}.light-mode .not-found-button.primary:hover,.light-mode .not-found-button.secondary:hover{background-color:#ff4757;box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-3px)}.dark-mode .not-found-button.primary,.dark-mode .not-found-button.secondary{background-color:#dc2626;box-shadow:0 4px 15px #dc26264d;color:#fff}.dark-mode .not-found-button.primary:hover,.dark-mode .not-found-button.secondary:hover{background-color:#06b6d4;box-shadow:0 6px 20px #06b6d480;transform:translateY(-3px)}.not-found-button:active{transform:translateY(-1px) scale(1.02)}.not-found-button span,.not-found-button svg{position:relative;z-index:1}@media (max-width:768px){.not-found-title{font-size:7rem}.not-found-subtitle{font-size:1.8rem}.not-found-description{font-size:1rem}.button-group{align-items:stretch;flex-direction:column}.not-found-button{font-size:1rem;justify-content:center;padding:.9rem 1.5rem}.shape-1,.shape-2,.shape-3,.shape-4,.shape-5{height:150px;width:150px}}@media (max-width:480px){.not-found-title{font-size:5rem}.not-found-subtitle{font-size:1.5rem}}:root{--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--text-color:#222;--bg-color:#f5f5f5}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-color);color:#222;color:var(--text-color);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-family:var(--font-sans);font-weight:400;line-height:1.6;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.01em;line-height:1.2}code,pre{font-family:Cascadia Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace}a{color:inherit;text-decoration:none}
/*# sourceMappingURL=main.f4ae0d0a.css.map*/