:root{--primary-color: #42b883;--primary-dark: #2f495e;--text-color: #2c3e50;--white: #ffffff;--black: #1e1e1e;--gradient-start: #42b883;--gradient-end: #2f495e;--button-primary: #42b883;--button-text: #ffffff;--admin-gradient-start: #ff4d4f;--admin-gradient-end: #ff7875}body{color:var(--text-color);background-color:var(--white);margin:0;padding:0}html,body{height:100%;width:100%;overflow-x:hidden}*{margin:0;padding:0;box-sizing:border-box}#app{width:100%;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.username{transition:all .3s ease;position:relative;display:inline-flex;align-items:center}.username.admin{background:linear-gradient(45deg,var(--admin-gradient-start),var(--admin-gradient-end));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;position:relative;text-shadow:0 0 8px rgba(255,77,79,.2)}.username.admin:after{content:"👑";margin-left:4px;font-size:.8em;display:inline-block;transition:all .5s cubic-bezier(.4,0,.2,1);transform-origin:center}.username.admin:hover{background:linear-gradient(45deg,#ff4d4f,#ff7875,#ff4d4f);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:gradient 3s ease infinite;filter:drop-shadow(0 0 8px rgba(255,77,79,.4));transform:translateY(-1px)}.username.admin:hover:after{transform:scale(1.2) rotate(15deg);filter:brightness(1.2) drop-shadow(0 0 5px rgba(255,215,0,.6));animation:crown-bounce 1s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes crown-bounce{0%,to{transform:scale(1.2) rotate(15deg)}50%{transform:scale(1.3) rotate(-5deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,77,79,.4))}50%{filter:drop-shadow(0 0 12px rgba(255,77,79,.6))}}.footer[data-v-71fd5661]{width:100%;background:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;margin-top:auto}.footer-content[data-v-71fd5661]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.footer-left[data-v-71fd5661]{text-align:center;margin-bottom:.5rem}.logo-section[data-v-71fd5661]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.goj-logo[data-v-71fd5661]{height:2em;opacity:.9;transition:opacity .2s}.goj-logo[data-v-71fd5661]:hover{opacity:1}.logo-section p[data-v-71fd5661]{margin:0;font-size:.8rem;color:var(--text-light);opacity:.8;max-width:600px;text-align:center}.footer-links[data-v-71fd5661]{text-align:center;color:var(--text-light);opacity:.5;font-size:.8rem}.footer-links a[data-v-71fd5661]{color:var(--text-light);text-decoration:none;padding:0 .5rem;transition:color .2s,opacity .2s;opacity:.8}.footer-links a[data-v-71fd5661]:hover{color:var(--primary-color);opacity:1}.footer-info[data-v-71fd5661]{text-align:center;color:var(--text-light);opacity:.8;font-size:.75rem;line-height:1.5}.footer-info p[data-v-71fd5661]{margin:0}.footer-info a[data-v-71fd5661]{color:var(--text-light);text-decoration:none;transition:color .2s,opacity .2s;opacity:.7}.footer-info a[data-v-71fd5661]:hover{color:var(--primary-color);opacity:1}@media (max-width: 768px){.footer[data-v-71fd5661]{padding:1rem}.footer-links[data-v-71fd5661]{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.logo-section p[data-v-71fd5661]{padding:0 1rem}}:root{--primary-color: #42b983;--bg-dark: #1a1a1a;--bg-light: #42b983;--text-light: #ffffff;--text-dark: #2c3e50;--text-gray: #8a8a8a;--nav-bg-dark: rgba(0, 0, 0, .2);--nav-bg-light: rgba(255, 255, 255, .1)}body{margin:0;background:linear-gradient(135deg,#1a1a1a,#2f495e);color:var(--text-light);transition:all .3s ease}body.light-theme{background:linear-gradient(135deg,#42b983,#2f495e);color:var(--text-dark)}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;box-sizing:border-box;top:0;z-index:1000}.light-theme .main-nav{background-color:var(--nav-bg-light)}.nav-left .logo{display:flex;align-items:center}.goj-logo{height:2rem;width:auto}.nav-center{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2rem}.nav-center a{color:var(--text-light);text-decoration:none;font-weight:500;transition:color .3s}.nav-center a:hover{color:var(--primary-color)}.nav-right{display:flex;gap:1rem;align-items:center}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:.5rem;color:var(--text-light);transition:transform .3s}.theme-toggle:hover{transform:rotate(30deg)}.nav-right a{padding:.5rem 1rem;border-radius:4px;text-decoration:none;transition:all .3s}.sign-in{color:var(--text-light)}.sign-up{background-color:var(--primary-color);color:var(--bg-dark)}.sign-up:hover{opacity:.9}.light-theme .nav-center a,.light-theme .sign-in,.light-theme .theme-toggle{color:var(--text-light)}.main-content{flex:1}.user-menu{position:relative;cursor:pointer}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-dropdown{position:absolute;top:100%;right:0;background:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:.5rem 0;min-width:150px;box-shadow:0 2px 8px #0003}.dropdown-item{display:block;padding:.5rem 1rem;color:var(--text-light);text-decoration:none;transition:background-color .3s}.dropdown-item:hover{background-color:var(--nav-bg-light)}button.dropdown-item{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer}.nav-left,.nav-right{z-index:1}.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:4px;z-index:1001;animation:slideUp .3s ease-out;color:#fff;min-width:200px;text-align:center;box-shadow:0 2px 8px #0003}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.notification.success{background-color:#00add8}.notification.error{background-color:#ff4d4f}.notification.info{background-color:#1890ff}.notification.warning{background-color:#faad14}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;padding:.5rem;cursor:pointer;z-index:1000}@media (max-width: 768px){.nav-center{position:fixed;left:50%;top:64px;transform:translate(-50%) translateY(-100%);width:200px;background:#2c3e50;border-radius:0 0 12px 12px;flex-direction:column;padding:8px;gap:4px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:0 4px 12px #00000026;pointer-events:none}.light-theme .nav-center{background:#fff;box-shadow:0 4px 12px #00000014}.nav-center:not(.mobile-hidden){transform:translate(-50%) translateY(0);pointer-events:auto}.mobile-hidden{transform:translate(-50%) translateY(-100%);opacity:0;pointer-events:none}.nav-center a{color:var(--text-light);text-decoration:none;padding:10px 16px;text-align:center;border-radius:6px;transition:all .2s;font-size:.95rem;width:100%;box-sizing:border-box}.light-theme .nav-center a{color:var(--text-dark)}.nav-center a:hover,.nav-center a.router-link-active{background:var(--primary-color);color:#fff}.mobile-overlay{position:fixed;top:64px;left:0;right:0;bottom:0;background:#0000004d;z-index:99;opacity:0;animation:fadeIn .2s forwards}.mobile-menu-btn{display:block;position:absolute;right:1rem;width:40px;height:40px;padding:8px;z-index:101;border-radius:8px}.mobile-menu-btn:hover{background:#ffffff1a}.menu-icon{position:relative;display:block;width:20px;height:2px;background:var(--text-light);margin:10px auto;transition:all .3s}.menu-icon:before,.menu-icon:after{content:"";position:absolute;width:20px;height:2px;background:var(--text-light);transition:all .3s}.menu-icon:before{top:-6px}.menu-icon:after{top:6px}.mobile-menu-btn.active .menu-icon{background:transparent}.mobile-menu-btn.active .menu-icon:before{transform:rotate(45deg);top:0}.mobile-menu-btn.active .menu-icon:after{transform:rotate(-45deg);top:0}.nav-right{margin-right:3.5rem}}.admin-item{color:var(--primary-color)!important;font-weight:500}.light-theme .admin-item{color:var(--primary-color)!important}.admin-item:hover{background:rgba(var(--primary-color-rgb),.1)!important}.theme-selector{position:relative}.color-picker-dropdown{position:absolute;top:50%;right:100%;padding:10px;background:var(--nav-bg-dark);border-radius:4px;margin-right:5px;transform:translateY(-50%)}.color-picker-dropdown input[type=color]{width:40px;height:40px;padding:0;border:none;border-radius:4px;cursor:pointer}.home[data-v-ffdbec79]{margin:70px auto auto;position:relative;overflow:hidden}.hero-section[data-v-ffdbec79]{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem}.title[data-v-ffdbec79]{font-size:4rem;margin-bottom:1rem;color:var(--text-light);text-shadow:0 0 10px rgba(var(--primary-color-rgb),.5)}.subtitle[data-v-ffdbec79]{font-size:1.5rem;color:var(--text-light);opacity:.8;margin-bottom:2rem;text-shadow:0 0 5px rgba(255,255,255,.3)}.cta-buttons[data-v-ffdbec79]{display:flex;gap:1rem}.cta-buttons a[data-v-ffdbec79]{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease}.cta-primary[data-v-ffdbec79]{background:transparent;color:var(--primary-color)}.cta-primary[data-v-ffdbec79]:hover:after{display:none}.cta-secondary[data-v-ffdbec79]{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);color:var(--text-light)}.cta-secondary[data-v-ffdbec79]:hover{transform:translateY(-4px);background:#ffffff1a;box-shadow:0 4px 12px #ffffff1a}.features-section[data-v-ffdbec79]{padding:4rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;background:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card[data-v-ffdbec79]{position:relative;overflow:hidden;border:1px solid rgba(var(--primary-color-rgb),.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:12px;text-align:center;transition:transform .3s}.feature-card[data-v-ffdbec79]:hover{transform:translateY(-5px)}.feature-icon[data-v-ffdbec79]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-ffdbec79]{color:var(--primary-color);margin-bottom:1rem}.feature-card p[data-v-ffdbec79]{color:var(--text-light);opacity:.8}.glowing-text[data-v-ffdbec79]{text-shadow:0 0 10px #00ADD8,0 0 20px #00ADD8,0 0 30px #00ADD8;animation:glow-ffdbec79 2s ease-in-out infinite alternate}@keyframes glow-ffdbec79{0%{text-shadow:0 0 10px #00ADD8,0 0 20px #00ADD8}to{text-shadow:0 0 15px var(#0000),0 0 25px var(#0000),0 0 35px var(#0000)}}.feature-card[data-v-ffdbec79]{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-card[data-v-ffdbec79]:hover{transform:translateY(-10px);border-color:var(--primary-color);box-shadow:0 5px 15px rgba(var(--primary-color-rgb),.2)}.icon-wrapper[data-v-ffdbec79]{display:inline-block;padding:1rem;background:rgba(var(--primary-color-rgb),.1);border-radius:50%;transition:transform .3s ease}.feature-card:hover .icon-wrapper[data-v-ffdbec79]{transform:scale(1.1) rotate(5deg)}.neon-button[data-v-ffdbec79]{position:relative;display:inline-block;padding:1rem 2rem;color:#00add8!important;background:transparent;text-transform:uppercase;letter-spacing:2px;overflow:hidden;transition:.5s;border:1px solid #00ADD8;box-shadow:none}.neon-button[data-v-ffdbec79]:hover{background:#00add8;color:var(--bg-dark)!important;box-shadow:0 0 5px #00add8,0 0 25px #00add8,0 0 50px #00add8,0 0 100px #00add8}.neon-button span[data-v-ffdbec79]{position:absolute;display:block}.neon-button span[data-v-ffdbec79]:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ADD8);animation:btn-anim1-ffdbec79 1s linear infinite}@keyframes btn-anim1-ffdbec79{0%{left:-100%}50%,to{left:100%}}.neon-button span[data-v-ffdbec79]:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#00ADD8);animation:btn-anim2-ffdbec79 1s linear infinite;animation-delay:.25s}@keyframes btn-anim2-ffdbec79{0%{top:-100%}50%,to{top:100%}}.neon-button span[data-v-ffdbec79]:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#00ADD8);animation:btn-anim3-ffdbec79 1s linear infinite;animation-delay:.5s}@keyframes btn-anim3-ffdbec79{0%{right:-100%}50%,to{right:100%}}.neon-button span[data-v-ffdbec79]:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#00ADD8);animation:btn-anim4-ffdbec79 1s linear infinite;animation-delay:.75s}@keyframes btn-anim4-ffdbec79{0%{bottom:-100%}50%,to{bottom:100%}}.not-found[data-v-0bf86d02]{min-height:calc((100vh - 214px)*1.5);padding-top:64px}.hero-section[data-v-0bf86d02]{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem}.title[data-v-0bf86d02]{font-size:6rem;margin-bottom:1rem;color:var(--primary-color)}.subtitle[data-v-0bf86d02]{font-size:1.5rem;color:var(--text-light);opacity:.8;margin-bottom:2rem}.cta-buttons[data-v-0bf86d02]{display:flex;gap:1rem}.cta-buttons a[data-v-0bf86d02]{padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease}.cta-primary[data-v-0bf86d02]{background-color:var(--primary-color);color:var(--bg-dark)}.cta-primary[data-v-0bf86d02]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.cta-secondary[data-v-0bf86d02]{border:2px solid var(--text-light);color:var(--text-light)}.cta-secondary[data-v-0bf86d02]:hover{transform:translateY(-4px);background:#ffffff1a;box-shadow:0 4px 12px #ffffff1a}.features-section[data-v-0bf86d02]{padding:4rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;background:var(--nav-bg-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card[data-v-0bf86d02]{background:#ffffff0d;padding:2rem;border-radius:12px;text-align:center;transition:transform .3s}.feature-card[data-v-0bf86d02]:hover{transform:translateY(-5px)}.feature-icon[data-v-0bf86d02]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-0bf86d02]{color:var(--primary-color);margin-bottom:1rem}.feature-card p[data-v-0bf86d02]{color:var(--text-light);opacity:.8}