*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#fff3;color:#fff}::-moz-selection{background:#fff3;color:#fff}.navbar{left:50%;max-width:95vw;padding:0;position:fixed;top:15px;transform:translateX(-50%);width:fit-content;z-index:1000;@media (max-width:768px){max-width:98vw;top:10px}@media (max-width:480px){max-width:99vw;top:8px}}.nav-container{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:linear-gradient(135deg,#000c,#0f0f23e6);border:1px solid #667eea40;border-radius:50px;box-shadow:0 8px 32px #0006,inset 0 0 0 1px #ffffff14;display:flex;justify-content:space-between;min-height:50px;padding:12px 30px;transition:all .3s ease;@media (max-width:768px){border-radius:40px;justify-content:space-between;min-height:46px;padding-bottom:10px;padding-left:20px;padding-right:20px;padding-top:10px}@media (max-width:480px){-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:35px;justify-content:space-between;min-height:42px;padding-bottom:8px;padding-left:16px;padding-right:16px;padding-top:8px}}.nav-container:hover{border-color:#667eea66;box-shadow:0 12px 40px #667eea26,inset 0 0 0 1px #667eea4d}.nav-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;color:#667eea;font-size:18px;font-weight:600;margin-right:20px;text-decoration:none;transition:all .2s ease;white-space:nowrap;@media (max-width:768px){font-size:16px;margin-right:15px}@media (max-width:480px){font-size:15px;margin-right:12px}}.nav-logo:hover{opacity:.8;transform:scale(1.02);transition:all .2s ease}.nav-menu{align-items:center;background:#0006;border:1px solid #ffffff1a;border-radius:25px;display:flex;gap:6px;padding:6px 16px;@media (max-width:968px){border-radius:20px;gap:4px;padding-bottom:5px;padding-left:12px;padding-right:12px;padding-top:5px}@media (max-width:768px){-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:linear-gradient(135deg,#000000fa,#0f0f23fa);border-bottom-color:#667eea4d;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#667eea4d;border-left-style:solid;border-left-width:1px;border-radius:16px;border-right-color:#667eea4d;border-right-style:solid;border-right-width:1px;border-top-color:#667eea4d;border-top-style:solid;border-top-width:1px;box-shadow:0 10px 40px #0009;flex-direction:column;gap:10px;left:-100%;margin-bottom:0;margin-left:15px;margin-right:15px;margin-top:0;padding-bottom:20px;padding-left:10px;padding-right:10px;padding-top:20px;position:fixed;text-align:center;top:75px;transition:left .3s ease;width:calc(100vw - 30px);z-index:999}@media (max-width:480px){gap:8px;margin-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;padding-bottom:16px;padding-left:8px;padding-right:8px;padding-top:16px;top:65px;width:calc(100vw - 20px)}}.nav-menu.active{@media (max-width:768px){left:15px}@media (max-width:480px){left:10px}}.nav-link{color:#fffc;cursor:pointer;font-size:14px;font-weight:400;padding:8px 14px;position:relative;text-decoration:none;white-space:nowrap;@media (max-width:968px){border-radius:15px;font-size:13px;padding-bottom:7px;padding-left:12px;padding-right:12px;padding-top:7px}@media (max-width:768px){background:#667eea14;border-bottom-color:#667eea26;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#667eea26;border-left-style:solid;border-left-width:1px;border-radius:12px;border-right-color:#667eea26;border-right-style:solid;border-right-width:1px;border-top-color:#667eea26;border-top-style:solid;border-top-width:1px;color:#ffffffe6;font-size:16px;margin-bottom:0;margin-left:10px;margin-right:10px;margin-top:0;padding-bottom:12px;padding-left:20px;padding-right:20px;padding-top:12px;text-align:center;width:calc(100% - 20px)}@media (max-width:480px){font-size:15px;margin-bottom:0;margin-left:8px;margin-right:8px;margin-top:0;padding-bottom:10px;padding-left:16px;padding-right:16px;padding-top:10px;width:calc(100% - 16px)}}.nav-link,.nav-link:before{border-radius:18px;transition:all .3s ease}.nav-link:before{background:linear-gradient(135deg,#667eea33,#764ba21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transform:scale(.8);@media (max-width:968px){border-radius:15px}@media (max-width:768px){border-radius:12px}}.nav-link:hover{color:#fff;transform:translateY(-1px);@media (max-width:768px){background:#667eea1a;transform:translateY(0)}}.nav-link:hover:before{opacity:1;transform:scale(1)}.nav-toggle{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:none;flex-direction:column;margin-left:20px;padding:8px;transition:all .3s ease;@media (max-width:768px){display:flex;margin-left:0}}.bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:2px;margin:2px 0;transition:.3s;width:20px}@media screen and (max-width:768px){.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar{left:50%;max-width:none;transform:translateX(-50%);width:calc(100vw - 30px)}.nav-container{justify-content:space-between;width:100%}.nav-logo{flex-shrink:0;margin-right:0}.nav-menu{left:-100%!important;margin:0!important;position:fixed!important;top:75px!important;transform:translateX(0)!important;width:calc(100vw - 30px)!important;z-index:9999!important}.nav-menu.active{left:50%!important;transform:translateX(-50%)!important}.nav-toggle{display:flex!important;flex-shrink:0}}@media screen and (max-width:480px){.navbar{width:calc(100vw - 20px)}.nav-menu{top:65px!important;width:calc(100vw - 20px)!important}}
/*# sourceMappingURL=main.b196a033.css.map*/