:root{--nav-bar-color:#a855f7;--nav-bar-bgcolor:rgba(10,10,25,0.85);--nav-bar-hover-color:rgba(74,216,235,0.8);--home-page-title-color:#ffffff}*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:Roboto,sans-serif}body{background-image:url(/_next/static/media/Wallpaper.5872bf4f.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden;padding-top:70px}.homepage-container{min-height:100vh}.home-page-div{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;padding:2rem}.home-page-div .home-page-avatar{width:5rem;height:5rem;border-radius:50%;animation:slideIn 1s ease-out}@media(max-width:768px){.home-page-div .home-page-avatar{width:4rem;height:4rem}}@media(max-width:480px){.home-page-div .home-page-avatar{width:3rem;height:3rem}}@keyframes slideIn{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.home-page-div .home-page-title{opacity:0;transform:translateX(100px);animation:morph 4s ease-in-out infinite;background:linear-gradient(45deg,#a855f7,#4ad8eb,#a855f7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:slideRight 1s ease-out .5s forwards;animation-delay:2s;font-size:3rem;text-align:center}@media(max-width:768px){.home-page-div .home-page-title{font-size:2.5rem}}@media(max-width:480px){.home-page-div .home-page-title{font-size:2rem}}@keyframes slideRight{to{opacity:1;transform:translateX(0)}}@keyframes morph{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.home-page-div .home-page-message{background:linear-gradient(45deg,#a855f7,#4ad8eb,#a855f7);background-size:200% 200%;font-size:1.5rem;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:morph 4s ease-in-out infinite;text-align:center;max-width:90%}@media(max-width:768px){.home-page-div .home-page-message{font-size:1.2rem;max-width:95%}}@media(max-width:480px){.home-page-div .home-page-message{font-size:1rem;max-width:100%}}.cursor{animation:blink 1s infinite;background:linear-gradient(45deg,#a855f7,#4ad8eb,#a855f7);background-size:200% 200%}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:768px){body{background-size:cover;background-position:50%;background-attachment:scroll;padding-top:60px}.home-page-div{height:100vh;padding:1rem;min-height:400px}.describe-container{padding:1rem 1.25rem;margin:1rem 0}.describe-container .describe-message{font-size:1.05rem;padding:1.25rem 1.5rem;max-width:95%}.footer-container{padding:1.25rem;margin-top:2rem;min-height:80px}.footer-container .footer-text{font-size:.9rem}}@media(max-width:480px){.home-page-div{padding:.75rem}.describe-container{padding:.75rem 1rem}.describe-container .describe-message{font-size:.95rem;padding:1rem 1.25rem}.footer-container .footer-text{font-size:.8rem}}@media(min-width:769px)and (max-width:1024px){.home-page-div{height:100vh;width:100vw;background-color:rgba(0,0,0,0);background:rgba(168,85,247,.05);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding:3rem}.home-page-title{font-size:3.5rem}.home-page-message{font-size:1.8rem}}@media(min-width:1025px){.home-page-div{height:100vh;width:100vw;background-color:rgba(0,0,0,0);background:rgba(168,85,247,.05);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}}.describe-container{display:flex;justify-content:center;align-items:center;width:100%;padding:1.5rem 2rem;margin:1.5rem 0}.describe-container .describe-message{background:linear-gradient(45deg,#a855f7,#4ad8eb,#a855f7);background-size:200% 200%;font-size:1.25rem;line-height:1.6;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:morph 4s ease-in-out infinite;padding:1.5rem 2rem;border-radius:14px;background-color:rgba(0,0,0,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 35px rgba(0,0,0,.12);border:1px solid rgba(168,85,247,.15);max-width:800px;width:100%;margin:0 auto}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw}.contact-container .contact-title{background:linear-gradient(45deg,#a855f7,#4ad8eb);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:2rem;text-align:center;align-self:center;margin-top:10rem}.contact-container .contact-message{color:var(--nav-bar-color);font-size:1.1rem;text-align:center;margin:1rem 0 2rem;max-width:600px;line-height:1.6;padding:0 2rem}.contact-container .contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;max-width:500px;padding:2rem;background:rgba(0,0,0,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(168,85,247,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.contact-container .contact-form .contact-label{color:#fff;font-size:1rem;font-weight:500;margin-bottom:.5rem;align-self:flex-start;width:100%}.contact-container .contact-form .contact-input,.contact-container .contact-form .contact-textarea{width:100%;padding:12px 16px;margin-bottom:1.5rem;border:1px solid rgba(168,85,247,.3);border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease}.contact-container .contact-form .contact-input::placeholder,.contact-container .contact-form .contact-textarea::placeholder{color:hsla(0,0%,100%,.6)}.contact-container .contact-form .contact-input:focus,.contact-container .contact-form .contact-textarea:focus{outline:none;border-color:#a855f7;background:hsla(0,0%,100%,.15);box-shadow:0 0 0 3px rgba(168,85,247,.2)}.contact-container .contact-form .contact-input:hover,.contact-container .contact-form .contact-textarea:hover{border-color:rgba(168,85,247,.5);background:hsla(0,0%,100%,.12)}.contact-container .contact-form .contact-textarea{min-height:120px;resize:vertical}.contact-container .contact-form .contact-button{background:linear-gradient(45deg,#a855f7,#4ad8eb);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px rgba(168,85,247,.3)}.contact-container .contact-form .contact-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(168,85,247,.4)}.contact-container .contact-form .contact-button:active{transform:translateY(0)}.skills-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:2.5rem 1.5rem;margin:1.25rem 0}.skills-container .skills-header{text-align:center;margin-bottom:1.75rem}.skills-container .skills-header .skills-title{background:linear-gradient(45deg,#a855f7,#4ad8eb,#a855f7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:morph 4s ease-in-out infinite;font-size:1.85rem;font-weight:700;margin-bottom:.5rem}.skills-container .skills-header .skills-subtitle{color:hsla(0,0%,100%,.8);font-size:1rem;max-width:520px;margin:0 auto;line-height:1.5}.skills-container .skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem;width:100%;max-width:900px}.skills-container .skill-card{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.skills-container .skill-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.4);box-shadow:0 16px 32px rgba(168,85,247,.15)}.skills-container .skill-card .skill-icon{width:56px;height:56px;margin:0 auto .75rem;display:block;background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:10px;transition:transform .3s ease}.skills-container .skill-card .skill-icon:hover{transform:scale(1.08)}.skills-container .skill-card .skill-icon.skill-icon-image{background:none;display:flex;align-items:center;justify-content:center}.skills-container .skill-card .skill-icon.skill-icon-image .skill-icon-img{width:100%;height:100%;object-fit:contain;border-radius:10px}.skills-container .skill-card .skill-icon.skill-icon-html{background:linear-gradient(135deg,#e34f26,#f16529);position:relative}.skills-container .skill-card .skill-icon.skill-icon-html:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622L5.412 4.41l.698 8.01h9.126l-.326 3.426-2.91.804-2.955-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.skills-container .skill-card .skill-icon.skill-icon-css{background:linear-gradient(135deg,#1572b6,#33a9dc);position:relative}.skills-container .skill-card .skill-icon.skill-icon-css:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M1.5 0h21l-1.91 21.563L11.977 24l-8.565-2.438L1.5 0zm17.09 4.413L5.41 4.41l.213 2.622 10.125.002-.255 2.716h-6.64l.24 2.573h6.182l-.366 3.523-2.91.804-2.956-.81-.188-2.11H6.248l.33 4.171L12 19.351l5.379-1.443.744-8.157H8.531z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.skills-container .skill-card .skill-icon.skill-icon-javascript{background:linear-gradient(135deg,#f7df1e,#ffd700);position:relative}.skills-container .skill-card .skill-icon.skill-icon-javascript:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M0 0h24v24H0V0zm22.034 18.276c-.175-1.095-.888-2.015-3.003-2.873-.736-.345-1.554-.585-1.797-1.14-.091-.33-.105-.51-.046-.705.15-.646.915-.84 1.515-.66.39.12.75.42.976.9 1.034-.676 1.034-.676 1.755-1.125-.27-.42-.404-.601-.586-.78-.63-.705-1.469-1.065-2.834-1.034l-.705.089c-.676.165-1.32.525-1.71 1.005-1.14 1.291-.811 3.541.569 4.471 1.365 1.02 3.361 1.244 3.616 2.205.24 1.17-.87 1.545-1.966 1.41-.811-.18-1.26-.586-1.755-1.336l-1.83 1.051c.21.48.45.689.81 1.109 1.74 1.756 6.09 1.666 6.871-1.004.029-.09.24-.705.074-1.65l.046.067zm-8.983-7.245h-2.248c0 1.938-.009 3.864-.009 5.805 0 1.232.063 2.363-.138 2.711-.33.689-1.18.601-1.566.48-.396-.196-.597-.466-.83-.855-.063-.105-.11-.196-.127-.196l-1.825 1.125c.305.63.75 1.172 1.324 1.517.855.51 2.004.675 3.207.405.783-.226 1.458-.691 1.811-1.411.51-.93.402-2.07.397-3.346.012-2.054 0-4.109 0-6.179l.004-.056z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.skills-container .skill-card .skill-icon.skill-icon-typescript{background:linear-gradient(135deg,#3178c6,#4d9fec);position:relative}.skills-container .skill-card .skill-icon.skill-icon-typescript:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M1.125 0C.502 0 0 .502 0 1.125v21.75C0 23.498.502 24 1.125 24h21.75c.623 0 1.125-.502 1.125-1.125V1.125C24 .502 23.498 0 22.875 0zm17.363 9.75c.612 0 1.154.037 1.627.111a6.38 6.38 0 0 1 1.306.34v2.458a3.95 3.95 0 0 0-.643-.361 5.093 5.093 0 0 0-.717-.26 5.453 5.453 0 0 0-1.426-.2c-.3 0-.573.028-.819.086a2.1 2.1 0 0 0-.623.242c-.17.104-.3.229-.393.374a.888.888 0 0 0-.14.49c0 .196.053.373.156.529.104.156.252.304.443.444s.423.276.696.41c.273.135.582.274.926.416.47.197.892.407 1.266.628.374.222.695.473.963.753.268.279.472.598.614.957.142.359.214.776.214 1.253 0 .657-.125 1.21-.373 1.656a3.033 3.033 0 0 1-1.012 1.085 4.38 4.38 0 0 1-1.487.596c-.566.12-1.163.18-1.79.18a9.916 9.916 0 0 1-1.84-.164 5.544 5.544 0 0 1-1.512-.493v-2.63a5.033 5.033 0 0 0 3.237 1.2c.333 0 .624-.03.872-.09.249-.06.456-.144.623-.25.166-.108.29-.234.373-.38a1.023 1.023 0 0 0-.074-1.089 2.12 2.12 0 0 0-.537-.5 5.597 5.597 0 0 0-.807-.444 27.72 27.72 0 0 0-1.007-.436c-.918-.383-1.602-.852-2.053-1.405-.45-.553-.676-1.222-.676-2.005 0-.614.123-1.141.369-1.582.246-.441.58-.804 1.004-1.089a4.494 4.494 0 0 1 1.47-.629 7.536 7.536 0 0 1 1.77-.201zm-15.113.188h9.563v2.166H9.506v9.646H6.789v-9.646H3.375z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.skills-container .skill-card .skill-icon.skill-icon-react{background:linear-gradient(135deg,#61dafb,#21d4fd);position:relative}.skills-container .skill-card .skill-icon.skill-icon-react:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12.765c5.523 0 10-1.343 10-3s-4.477-3-10-3-10 1.343-10 3 4.477 3 10 3z'/%3E%3Cpath d='M12 15.765c-5.523 0-10 1.343-10 3s4.477 3 10 3 10-1.343 10-3-4.477-3-10-3z'/%3E%3Cpath d='M12 8.765c5.523 0 10-1.343 10-3s-4.477-3-10-3-10 1.343-10 3 4.477 3 10 3z'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='white'/%3E%3Cpath d='M12 1.765c-5.523 0-10 1.343-10 3s4.477 3 10 3 10-1.343 10-3-4.477-3-10-3z'/%3E%3Cpath d='M12 22.765c5.523 0 10-1.343 10-3s-4.477-3-10-3-10 1.343-10 3 4.477 3 10 3z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.skills-container .skill-card .skill-icon.skill-icon-nextjs{background:linear-gradient(135deg,#000000,#333333);position:relative}.skills-container .skill-card .skill-icon.skill-icon-nextjs:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11.572 0c-.176 0-.31.001-.358.007a19.02 19.02 0 0 0-1.05.12c-.328.042-.743.134-1.145.288-.315.12-.6.28-.86.48-.28.215-.526.47-.73.758-.18.255-.32.535-.42.834a4.793 4.793 0 0 0-.15.745c-.03.195-.05.392-.06.59v8.64c.002.315.023.63.06.94.022.176.06.35.11.52.06.2.14.39.24.57.14.25.31.48.51.68.22.22.47.41.74.56.3.17.62.3.95.39.28.08.57.12.86.13.34.01.68-.01 1.01-.06.3-.05.59-.13.86-.25.29-.13.55-.3.78-.51.26-.23.47-.49.63-.78.14-.25.25-.52.32-.8.06-.24.1-.49.12-.74.01-.18.01-.36.01-.54V6.23c0-.2-.01-.4-.03-.6-.03-.26-.09-.51-.18-.75-.12-.31-.3-.59-.53-.83-.25-.26-.54-.47-.86-.63-.28-.14-.58-.25-.89-.32-.26-.06-.53-.09-.8-.1-.18-.01-.36-.01-.54-.01-.2 0-.4-.01-.6-.03-.26-.04-.51-.11-.75-.21-.31-.12-.59-.3-.83-.53-.26-.25-.47-.54-.63-.86-.14-.28-.25-.58-.32-.89-.06-.26-.09-.53-.1-.8-.01-.18-.01-.36-.01-.54V6.23c0-.2.01-.4.03-.6.04-.26.11-.51.21-.75.12-.31.3-.59.53-.83.25-.26.54-.47.86-.63.28-.14.58-.25-.89-.32.26-.06.53-.09.8-.1.18-.01.36-.01.54-.01-.2 0-.4-.01-.6-.03-.26-.04-.51-.11-.75-.21-.31-.12-.59-.3-.83-.53-.26-.25-.47-.54-.63-.86-.14-.28-.25-.58-.32-.89-.06-.26-.09-.53-.1-.8-.01-.18-.01-.36-.01-.54V6.23c0-.18.01-.36.03-.54.02-.16.06-.32.12-.47.07-.16.16-.31.27-.44.12-.14-.26-.26.42-.36.17-.11.36-.19.56-.24.17-.04.35-.07.53-.08.16-.01.32-.015.48-.02h.52zm5.93 3.1c.74 0 1.48.19 2.13.55.65.37 1.17.9 1.51 1.54.35.65.53 1.37.53 2.11v7.34c0 .2-.02.4-.05.6-.04.26-.11.51-.21.75-.12-.31-.3-.59-.53-.83-.25-.26-.54-.47-.86-.63-.28-.14-.58-.25-.89-.32-.26-.06-.53-.09-.8-.1-.18-.01-.36-.01-.54-.01-.2 0-.4-.01-.6-.03-.26-.04-.51-.11-.75-.21-.31-.12-.59-.3-.83-.53-.26-.25-.47-.54-.63-.86-.14-.28-.25-.58-.32-.89-.06-.26-.09-.53-.1-.8-.01-.18-.01-.36-.01-.54V6.23c0-.2.01-.4.03-.6.04-.26.11-.51.21-.75.12-.31.3-.59.53-.83.25-.26.54-.47.86-.63.28-.14.58-.25-.89-.32.26-.06.53-.09.8-.1.18-.01.36-.01.54-.01zm-.57 1.7c-.16 0-.32.005-.48.015-.18.01-.35.04-.52.08-.22.05-.42.13-.6.23-.19.11-.35.24-.48.4-.12.15-.22.32-.28.5-.07.19-.11.39-.12.6-.01.17-.01.34-.01.51v7.39c0 .18.01.36.03.54.02.16.06.32.12.47.07.16.16.31.27.44.12.14-.26-.26.42.36.17.11.36.19.56.24.17.04.35.07.53.08.16.01.32.015.48.02h.52c.13-.002.26-.008.39-.02.18-.016.35-.045.52-.086.22-.054.42-.13.6-.23.19-.11.35-.24.48-.4.12-.15.22-.32.28-.5.07-.19.11-.39.12-.6.01-.17.01-.34.01-.51V6.23c0-.18-.01-.36-.03-.54-.02-.16-.06-.32-.12-.47-.07-.16-.16-.31-.27-.44-.12-.14-.26-.26-.42-.36-.17-.11-.36-.19-.56-.24-.17-.04-.35-.07-.53-.08-.16-.01-.32-.015-.48-.02h-.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.skills-container .skill-card .skill-name{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.skills-container .skill-card .skill-level{display:flex;align-items:center;gap:.75rem}.skills-container .skill-card .skill-level .skill-progress{flex:1 1;height:6px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.skills-container .skill-card .skill-level .skill-progress .skill-progress-bar{height:100%;background:linear-gradient(45deg,#a855f7,#4ad8eb);border-radius:4px;transition:width 1.5s ease-out;animation:progressFill 2s ease-out forwards}.skills-container .skill-card .skill-level .skill-percentage{color:#4ad8eb;font-weight:600;font-size:.8rem;min-width:28px}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0}}@media(max-width:768px){.skills-container{padding:1.5rem 1rem;margin:1rem 0}.skills-container .skills-header{margin-bottom:1.25rem}.skills-container .skills-header .skills-title{font-size:1.5rem}.skills-container .skills-header .skills-subtitle{font-size:.9rem;padding:0 .75rem}.skills-container .skills-grid{grid-template-columns:1fr;gap:1rem;max-width:100%}.skills-container .skill-card{padding:1rem}.skills-container .skill-card .skill-icon{width:48px;height:48px;margin-bottom:.5rem}.skills-container .skill-card .skill-icon:before{width:24px!important;height:24px!important}.skills-container .skill-card .skill-icon.skill-icon-image .skill-icon-img{width:100%;height:100%}.skills-container .skill-card .skill-name{font-size:1rem;margin-bottom:.5rem}.skills-container .skill-card .skill-level .skill-progress{height:5px}.skills-container .skill-card .skill-level .skill-percentage{font-size:.75rem}}.projects-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:2.5rem 1.5rem;margin:1.25rem 0}.projects-container .projects-header{text-align:center;margin-bottom:1.75rem}.projects-container .projects-header .projects-title{background:linear-gradient(45deg,#a855f7,#4ad8eb,#a855f7);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:morph 4s ease-in-out infinite;font-size:1.85rem;font-weight:700;margin-bottom:.5rem}.projects-container .projects-header .projects-subtitle{color:hsla(0,0%,100%,.8);font-size:1rem;max-width:520px;margin:0 auto;line-height:1.5}.projects-container .under-construction-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:4/3;padding:1.5rem;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;color:#fff;text-align:center;border:2px solid rgba(168,85,247,.3);box-shadow:0 8px 25px rgba(168,85,247,.2);position:relative;overflow:hidden}.projects-container .under-construction-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(168,85,247,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite}.projects-container .construction-icon{font-size:2.5rem;margin-bottom:.8rem;animation:bounce 2s ease-in-out infinite;position:relative;z-index:2;filter:drop-shadow(0 0 10px rgba(168,85,247,.5))}.projects-container .construction-text{font-size:1rem;font-weight:700;margin-bottom:1rem;color:#a855f7;position:relative;z-index:2;text-shadow:0 0 10px rgba(168,85,247,.3)}.projects-container .progress-bar{width:100%;height:6px;background:hsla(0,0%,100%,.2);border-radius:3px;overflow:hidden;margin-bottom:.8rem;position:relative;z-index:2;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.projects-container .progress-fill{height:100%;background:linear-gradient(90deg,#a855f7,#4ad8eb);border-radius:3px;animation:progressAnimation 3s ease-in-out infinite;box-shadow:0 0 10px rgba(168,85,247,.5)}.projects-container .progress-text{font-size:.9rem;color:#4ad8eb;font-weight:600;position:relative;z-index:2;text-shadow:0 0 5px rgba(74,216,235,.3)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@keyframes progressAnimation{0%{width:0}50%{width:75%}to{width:90%}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.projects-container .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:1.25rem;gap:1.25rem;width:100%;max-width:900px}.projects-container .project-card{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(168,85,247,.2);border-radius:12px;overflow:hidden;text-decoration:none;transition:all .3s ease;animation:slideInUp .6s ease-out forwards;opacity:0;transform:translateY(30px);display:flex;flex-direction:column}.projects-container .project-card:hover{transform:translateY(-6px);border-color:rgba(168,85,247,.4);box-shadow:0 16px 32px rgba(168,85,247,.15)}.projects-container .project-card:hover .project-image{transform:scale(1.05)}.projects-container .project-card .project-image{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(74,216,235,.1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .3s ease}.projects-container .project-card .project-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(168,85,247,.05),rgba(168,85,247,.05) 10px,rgba(74,216,235,.05) 0,rgba(74,216,235,.05) 20px)}.projects-container .project-card .project-image .project-placeholder{position:relative;z-index:1;color:hsla(0,0%,100%,.4);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.projects-container .project-card .project-image .project-preview-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.projects-container .project-card .project-name{color:#fff;font-size:1.05rem;font-weight:600;padding:1rem;margin:0;text-align:center}.footer-container{display:flex;justify-content:center;align-items:center;height:100px;margin-top:3rem;padding:2rem;background:rgba(10,10,25,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(168,85,247,.25);box-shadow:0 -4px 24px rgba(0,0,0,.15)}.footer-container .footer-text{margin:0;font-size:1rem;font-weight:500;color:hsla(0,0%,100%,.9)}@media(max-width:768px){.projects-container{padding:1.5rem 1rem;margin:1rem 0}.projects-container .projects-header{margin-bottom:1.25rem}.projects-container .projects-header .projects-title{font-size:1.5rem}.projects-container .projects-header .projects-subtitle{font-size:.9rem;padding:0 .75rem}.projects-container .projects-grid{grid-template-columns:1fr;gap:1rem}.projects-container .project-card .project-name{font-size:1rem;padding:.875rem}}@media(min-width:769px)and (max-width:1024px){.projects-container .projects-grid{grid-template-columns:repeat(2,1fr);max-width:700px}}.project-page{display:flex;flex-direction:column;background:#e1e8ed;background-image:none;min-height:100vh;padding-top:.5rem;margin-top:-2.6rem}.dark .project-page{background:#0b1220;color:#e2e8f0}.dark .project-page a,.dark .project-page div,.dark .project-page h1,.dark .project-page h2,.dark .project-page h3,.dark .project-page h4,.dark .project-page h5,.dark .project-page h6,.dark .project-page label,.dark .project-page li,.dark .project-page p,.dark .project-page small,.dark .project-page span,.dark .project-page strong{color:#e2e8f0}.dark .project-page a,.dark .project-page button{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark .project-page li{background:#0f172a;border-color:#1e293b}.dark .project-page input,.dark .project-page select,.dark .project-page textarea{background:#0b1220;border-color:#334155;color:#e2e8f0}.dark .project-page button[disabled]{background:#1f0a0a;border-color:#b91c1c;color:#fecaca}body:has(.project-page){background:#e1e8ed;background-image:none;padding-top:0;overflow-x:hidden}.dark body:has(.project-page){background:#0b1220;background-image:none;color:#e2e8f0}.project-layout{background-color:#e1e8ed;min-height:100vh}.project-1-home-container{padding:2rem;max-width:1200px;margin:0 auto}.project-1-home-container h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.login-page{background:#f6f5f4!important}.dark .login-page{background:#242424!important}.page-404{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);padding:2rem;text-align:center}.page-404-code{font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--nav-bar-color),var(--nav-bar-hover-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem}.page-404-title{font-size:1.5rem;color:var(--home-page-title-color,#ffffff);margin-bottom:.75rem}.page-404-subtitle{color:hsla(0,0%,100%,.85);margin-bottom:1.5rem;max-width:400px}.page-404-link{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--nav-bar-color),rgba(74,216,235,.8));color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:opacity .2s,transform .2s}.page-404-link:hover{opacity:.9;transform:translateY(-2px)}