body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#000 10%,#000c06 30%,#000 70%)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{box-shadow:0 4px 30px #0000004d;border-radius:15px;margin:10px auto;max-width:1200px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.9;color:#fff;position:fixed;top:10px;left:50%;transform:translate(-50%);right:0;z-index:1000;width:calc(100% - 160px);transition:all .3s ease-in-out}.navbar-logo{display:flex;align-items:center}.navbar-logo img{width:80px;height:auto;margin-right:10px}.navbar-links{display:flex;gap:40px}.navbar-links a{color:#fff;text-decoration:none;font-size:18px;position:relative;transition:transform .3s ease-in-out,color .3s ease-in-out}.navbar-links a:after{content:"";display:block;width:0;height:3px;background:#3eb489;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);transition:width .3s ease-in-out}.navbar-links a:hover,.navbar-links a.active{color:#fff;transform:translateY(-3px)}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.navbar-contact{display:flex;align-items:center}.navbar-contact a{color:#fff;text-decoration:none;font-size:18px;position:relative;margin-left:30px;transition:transform .3s ease-in-out,color .3s ease-in-out}.navbar-contact a:after{content:"";display:block;width:0;height:3px;background:#3eb489;position:absolute;bottom:-5px;left:50%;transform:translate(-50%);transition:width .3s ease-in-out}.navbar-contact a:hover,.navbar-contact a.active{color:#fff;transform:translateY(-3px)}.navbar-contact a:hover:after,.navbar-contact a.active:after{width:100%}.navbar-menu{display:none;cursor:pointer;font-size:24px}@media (max-width: 1024px){.navbar{width:calc(100% - 40px)}.navbar-links{gap:25px}.navbar-links a{font-size:16px}.navbar-logo img{width:70px}}@media (max-width: 768px){.navbar{justify-content:space-between}.navbar-links{display:none;flex-direction:column;background:#000000e6;position:absolute;top:60px;right:0;width:200px;padding:15px;border-radius:10px;box-shadow:0 4px 20px #0006;transform:translate(100%);transition:transform .3s ease-in-out}.navbar-links.open{display:flex;transform:translate(0)}.navbar-contact{align-items:start;display:none;flex-direction:column;background:#000000e6;position:absolute;top:235px;right:0;width:200px;padding:15px;border-bottom-left-radius:10px;transform:translate(100%);transition:transform .3s ease-in-out}.navbar-contact.open{display:flex;transform:translate(0);gap:20px}.navbar-contact a{font-size:16px;margin-left:0;margin-top:10px}.navbar-menu{display:block}}.user-info{display:flex;align-items:center;gap:10px;margin-left:20px}.user-info span{font-weight:700}.user-picture{width:40px;height:40px;border-radius:50%;object-fit:cover}.logout-button{background:#00ff807f;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;font-size:16px;transition:background .3s}.logout-button:hover{background:#2d8c6b}.login-button-container{margin-left:20px}#root{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#000 10%,#000c06 30%,#000 70%)}.main-content{flex:1;padding:2rem;text-align:center}.custom-footer{background-color:#000;color:#aaa;border-top:1px solid rgba(0,255,127,.2);margin-top:4rem;padding:3rem 1rem}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;width:100%}.footer-section{padding:0 1rem}.footer-section h4{color:#fff;font-size:1.2rem;margin-bottom:1rem;position:relative;padding-bottom:.5rem}.footer-section h4:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#00ff7f}.footer-logo{width:120px;margin-bottom:1rem;opacity:.9}.footer-section.about p{font-size:.9rem;line-height:1.6}.footer-section.links ul,.footer-section.contact ul{list-style:none;padding:0}.footer-section.links ul li,.footer-section.contact ul li{margin-bottom:.7rem}.footer-section.links ul li a,.footer-section.contact ul li a{color:#aaa;text-decoration:none;transition:all .3s ease}.footer-section.links ul li a:hover{color:#00ff7f;padding-left:5px}.footer-section.contact ul li a:hover{color:#00ff7f}.footer-section.contact ul li p{color:#aaa;font-size:.9rem;line-height:1.6;margin:0}.social-icons{display:flex;gap:1.5rem;margin-top:1rem}.social-icons a{color:#aaa;font-size:1.5rem;transition:all .3s ease}.social-icons a:hover{color:#00ff7f;transform:translateY(-5px)}.footer-bottom{text-align:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);color:#777;font-size:.9rem;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2.5rem}.footer-section{text-align:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.footer-section.about,.footer-section.social{display:flex;flex-direction:column;align-items:center}.social-icons{justify-content:center}}@media (max-width: 480px){.footer-content{grid-template-columns:repeat(2,1fr)}}.preloader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9999;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#000 10%,#000c06 30%,#000 70%);animation:bgMove 6s linear infinite}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000 10%,#000c06 30%,#000 70%);animation:bgMove 6s linear infinite;z-index:-1}@keyframes bgMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.preloader-content{text-align:center;color:#fff;font-family:Poppins,sans-serif}.loader-balls{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.loader-balls span{width:16px;height:16px;background-color:#00ff94;border-radius:50%;animation:bounce .6s infinite alternate}.loader-balls span:nth-child(2){animation-delay:.2s}.loader-balls span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0);opacity:.7}to{transform:translateY(-15px);opacity:1}}.loading-text{font-size:1.3rem;animation:fade 2s infinite ease-in-out}@keyframes fade{0%{opacity:.4}to{opacity:1}}