@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--primary:#0a192f;--secondary:#00ff9c;--accent:#c7a008;--background:#1e1e1e;--white:#fff;--primary-light:#34495e;--primary-dark:#1a252f;--secondary-dark:#00ff9c;--secondary-light:#00ff9c;--accent-light:#d4b308;--accent-dark:#a08506;--bg-primary:#2c3e50;--bg-secondary:#1e1e1e;--bg-accent:#2a2a2a;--bg-light:#3a3a3a;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#b0b0b0;--text-accent:#00ff9c;--text-gold:#c7a008;--success:#00ff9c;--warning:#c7a008;--danger:#ff4757;--info:#00d4ff;--gradient-primary:linear-gradient(135deg, var(--primary), var(--primary-light));--gradient-secondary:linear-gradient(135deg, var(--secondary), var(--secondary-dark));--gradient-accent:linear-gradient(135deg, var(--accent), var(--accent-dark));--gradient-main:linear-gradient(135deg, var(--primary) 0%, var(--background) 50%, var(--bg-accent) 100%);--gradient-logo:linear-gradient(135deg, var(--secondary), var(--accent));--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-primary:0 4px 6px -1px #0a192f4d;--shadow-secondary:0 4px 8px #00ff9c4d;--shadow-accent:0 4px 8px #c7a0084d;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{color:var(--text-primary);background:var(--gradient-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{margin-bottom:var(--spacing-lg);font-size:4rem;font-weight:900;line-height:1}h2{margin-bottom:var(--spacing-md);font-size:3rem;font-weight:800;line-height:1.1}h3{margin-bottom:var(--spacing-md);font-size:2.25rem;font-weight:700;line-height:1.2}h4{margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:600;line-height:1.3}h5{margin-bottom:var(--spacing-sm);font-size:1.375rem;font-weight:600;line-height:1.4}h6{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600;line-height:1.4}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.6}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-gold{color:var(--text-gold)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}a{color:var(--text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary-light)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}
.container{max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}.main-container{background:var(--gradient-main);min-height:100vh}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}
@media (max-width:767px){.container{padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.p-lg{padding:var(--spacing-md)}.p-xl{padding:var(--spacing-lg)}.m-lg{margin:var(--spacing-md)}.m-xl{margin:var(--spacing-lg)}}@media (min-width:768px) and (max-width:1023px){.container{padding:0 var(--spacing-lg)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.container{max-width:1400px}}@media (min-width:1536px){.container{max-width:1600px}}@media (max-width:767px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}}@media (min-width:768px){.hidden-tablet{display:none!important}.block-tablet{display:block!important}.flex-tablet{display:flex!important}}@media (min-width:1024px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}}
.header{background-color:var(--primary);border-bottom:1px solid var(--bg-secondary);box-shadow:var(--shadow-primary);padding:var(--spacing-md) 0;z-index:50;position:sticky;top:0}.header-container{max-width:1280px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);padding:var(--spacing-sm);border-radius:var(--border-radius-md);text-decoration:none;display:flex;position:relative}.logo:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(8px);position:absolute;inset:0}.logo:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary), 0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.logo:hover:before{opacity:.3}.logo:hover:after{width:100%}.logo:hover{transform:scale(1.02)}.logo-icon{background:var(--gradient-logo);border-radius:var(--border-radius-md);width:40px;height:40px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700}.desktop-nav{align-items:center;gap:var(--spacing-lg);display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.nav-link:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;inset:0}.nav-link:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 8px var(--secondary), 0 0 16px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-link:hover:before{opacity:.2}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--text-primary);background-color:#ffffff1a;transform:translateY(-1px)}.header .nav-link.admin-link,.desktop-nav .nav-link.admin-link{background:linear-gradient(135deg,#c7a0081a,#c7a0080d);border:1px solid #c7a0084d;font-weight:600;color:var(--text-accent)!important}.header .nav-link.admin-link:before,.desktop-nav .nav-link.admin-link:before{background:radial-gradient(circle at center, var(--accent) 0%, transparent 70%)}.header .nav-link.admin-link:after,.desktop-nav .nav-link.admin-link:after{background:var(--accent);box-shadow:0 0 8px var(--accent), 0 0 16px var(--accent)}.header .nav-link.admin-link:hover,.desktop-nav .nav-link.admin-link:hover{border-color:var(--accent);background:linear-gradient(135deg,#c7a00833,#c7a0081a);transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d;color:var(--text-primary)!important}.header-login-form{align-items:center;gap:var(--spacing-sm);background:var(--primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--bg-secondary);transition:all var(--transition-normal);display:flex}.header-login-form:hover{background:var(--primary);border-color:var(--secondary)}.login-inputs-container{align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;padding-bottom:28px;display:flex;position:relative}.login-title{color:var(--text-muted);text-transform:capitalize;letter-spacing:.02em;margin-bottom:var(--spacing-xs);text-align:left;opacity:.9;transition:all var(--transition-normal);margin-left:0;font-size:.75rem;font-weight:500}.header-login-form:hover .login-title{color:var(--text-secondary);opacity:1}.header-login-input{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);width:160px;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);background:0 0;border:1px solid #fff3;outline:none;font-size:.875rem;position:relative}.header-login-input:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;inset:0}.header-login-input:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary), 0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-login-input:hover:before{opacity:.15}.header-login-input:hover:after{width:100%}.header-login-input::placeholder{color:var(--text-muted)}.header-login-input:focus{color:var(--text-primary);border-radius:var(--border-radius-sm);border-color:var(--secondary);background:#00ff9c1a;box-shadow:0 0 0 2px #00ff9c4d}.header-login-input:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff6}.login-separator{background-color:var(--bg-accent);width:1px;height:20px}.header-login-button{background:var(--gradient-secondary);color:var(--primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:var(--shadow-secondary);transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;position:relative}.header-login-button:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;inset:0}.header-login-button:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary), 0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.header-login-button:hover:before{opacity:.3}.header-login-button:hover:after{width:100%}.header-login-button:hover{background:linear-gradient(135deg, var(--secondary-dark), #00ff9c);transform:translateY(-1px);box-shadow:0 4px 8px #00ff9c66}.header-error-general{border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;box-shadow:0 2px 8px #ff47574d}.header-error-message{color:#fff;font-size:.75rem;font-weight:600}.header-input-wrapper{flex-direction:column;display:flex;position:relative}.header-field-error{color:#ff4757;text-align:left;margin-top:2px;font-size:.6875rem;font-weight:500}.header-login-input.error{background:#ff47571a;border-color:#ff4757}.header-login-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 2px #ff47574d}.header-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.header-login-button:disabled:hover{box-shadow:var(--shadow-secondary);transform:none}.register-link{margin-left:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-accent);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);white-space:nowrap;background:#c7a0081a;border:1px solid #c7a0084d;font-size:.875rem;font-weight:600;text-decoration:none}.register-link:hover{color:var(--text-primary);border-color:var(--accent);background-color:#c7a00833;transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d}.header-input-wrapper{position:relative}.forgot-wrapper{text-align:center;z-index:10;white-space:nowrap;width:100%;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.login-inputs-container>.header-input-wrapper:last-of-type .forgot-wrapper{top:calc(100% + 8px);left:calc(-160px - var(--spacing-sm) + 160px);width:calc(320px + var(--spacing-sm));text-align:center;pointer-events:auto;position:absolute}.forgot-link{color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;margin:0;padding:0;font-size:.75rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.forgot-link:hover{color:var(--text-accent);-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.mobile-forgot-link{padding:var(--spacing-xs) 0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);text-align:center;background:0 0;border:none;width:100%;margin:0;font-size:.75rem;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.mobile-forgot-link:hover{color:var(--text-accent);-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.mobile-menu-button{color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal);z-index:100;background:0 0;border:none;display:none;position:relative}.mobile-menu-button:hover{background-color:#ffffff1a}.mobile-menu{background-color:var(--primary);border-top:1px solid var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:99;display:none;position:absolute;top:100%;left:0;right:0}.mobile-menu-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.mobile-nav-link{color:var(--text-secondary);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--bg-accent);transition:all var(--transition-normal);font-weight:500;text-decoration:none;position:relative}.mobile-nav-link:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;inset:0}.mobile-nav-link:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary), 0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mobile-nav-link:hover:before{opacity:.2}.mobile-nav-link:hover:after{width:100%}.mobile-nav-link:hover{color:var(--text-primary);transform:translate(5px)}.mobile-menu .mobile-nav-link.admin-link,.mobile-menu-content .mobile-nav-link.admin-link{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,#c7a0081a,#c7a0080d);border:1px solid #c7a0084d;font-weight:600;color:var(--text-accent)!important}.mobile-menu .mobile-nav-link.admin-link:before,.mobile-menu-content .mobile-nav-link.admin-link:before{background:radial-gradient(circle at center, var(--accent) 0%, transparent 70%)}.mobile-menu .mobile-nav-link.admin-link:after,.mobile-menu-content .mobile-nav-link.admin-link:after{background:var(--accent);box-shadow:0 0 6px var(--accent), 0 0 12px var(--accent)}.mobile-menu .mobile-nav-link.admin-link:hover,.mobile-menu-content .mobile-nav-link.admin-link:hover{border-color:var(--accent);background:linear-gradient(135deg,#c7a00833,#c7a0081a);transform:translate(8px);box-shadow:0 2px 8px #c7a0084d;color:var(--text-primary)!important}.mobile-nav-link:last-child{border-bottom:none}.mobile-login-form{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-accent);flex-direction:column;display:flex}.mobile-login-title{color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-align:center;opacity:.9;transition:all var(--transition-normal);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:#c7a0081a;border:1px solid #c7a0084d;font-size:.875rem;font-weight:600}.mobile-login-form:hover .mobile-login-title{color:var(--secondary);opacity:1;text-shadow:0 0 8px #00ff9c4d;border-color:var(--secondary);background:#00ff9c1a}.mobile-login-input{border:1px solid var(--bg-accent);color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);background:#1e1e1e80;outline:none;font-size:.875rem;position:relative}.mobile-login-input:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;inset:0}.mobile-login-input:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary), 0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mobile-login-input:hover:before{opacity:.15}.mobile-login-input:hover:after{width:100%}.mobile-login-input::placeholder{color:var(--text-muted)}.mobile-login-input:focus{color:var(--text-primary);border-color:var(--secondary);box-shadow:0 0 0 2px #00ff9c4d}.mobile-login-input:hover{color:var(--text-primary)}.mobile-login-button{background:var(--gradient-secondary);color:var(--primary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;position:relative}.mobile-login-button:before{content:"";background:radial-gradient(circle at center, var(--secondary) 0%, transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;inset:0}.mobile-login-button:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary), 0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.mobile-login-button:hover:before{opacity:.3}.mobile-login-button:hover:after{width:100%}.mobile-login-button:hover{background:linear-gradient(135deg, var(--secondary-dark), #00ff9c);transform:translateY(-1px);box-shadow:0 4px 8px #00ff9c66}.mobile-error-general{border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;box-shadow:0 2px 8px #ff47574d}.mobile-error-message{color:#fff;font-size:.75rem;font-weight:600}.mobile-input-wrapper{flex-direction:column;display:flex;position:relative}.mobile-field-error{color:#ff4757;text-align:left;margin-top:2px;font-size:.6875rem;font-weight:500}.mobile-login-input.error{background:#ff47571a;border-color:#ff4757}.mobile-login-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 2px #ff47574d}.mobile-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-login-button:disabled:hover{box-shadow:none;transform:none}.mobile-login-form .mobile-nav-link{margin-top:var(--spacing-sm);text-align:center;color:var(--text-accent);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);background:#c7a0081a;border:1px solid #c7a0084d;font-weight:600}.header-user-info{align-items:center;gap:var(--spacing-md);display:flex}.user-welcome{align-items:center;display:flex}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.header-logout-button{color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.header-logout-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.mobile-user-info{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-accent);flex-direction:column;display:flex}.mobile-user-welcome{text-align:center}.mobile-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.mobile-logout-button{color:#fff;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.mobile-logout-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.mobile-login-form .mobile-nav-link:hover{color:var(--text-primary);border-color:var(--accent);background-color:#c7a00833;transform:translateY(-1px);box-shadow:0 2px 8px #c7a0084d}@media (max-width:1024px){.desktop-nav{gap:var(--spacing-md)}.header-login-form{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.login-title{margin-bottom:var(--spacing-xs);font-size:.6875rem}.login-inputs-container{gap:var(--spacing-xs)}.header-login-input{width:140px;font-size:.8125rem}.header-login-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8125rem}}@media (max-width:768px){.desktop-nav,.header-login-form,.header-user-info{display:none}.mobile-menu-button{display:block!important}.mobile-menu{display:block}}@media (max-width:480px){.header-container{padding:0 var(--spacing-sm)}.logo-icon{width:36px;height:36px}.logo-text{font-size:1.25rem}}
.main-container{color:#fff;background:linear-gradient(135deg,#0a192f 0%,#1e1e1e 50%,#2a2a2a 100%);min-height:100vh;overflow-x:hidden}.home-content{padding-top:10px}.hero-section{background:#ffffff05;padding:4rem 1rem}.hero-content{grid-template-columns:2fr 1fr;align-items:center;gap:3rem;max-width:1280px;margin:0 auto;display:grid}.hero-text{text-align:left}.hero-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00cc7a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1}.hero-subtitle{color:#fff;margin:0 0 1.5rem;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;line-height:1.2}.hero-description{color:#e5e5e5;max-width:500px;margin:0 0 1.5rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-features{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.feature-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.feature-item:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 0 4px #00ff9c80);font-size:1.5rem}.feature-text{color:#fff;font-size:.875rem;font-weight:600}.hero-image{justify-content:center;align-items:center;display:flex}.promo-image{background:linear-gradient(135deg,#0a192f,#1e1e1e) padding-box padding-box,linear-gradient(135deg,#00ff9c,gold,#00ff9c) border-box;border:2px solid #0000;border-radius:1rem;width:100%;height:400px;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:20s ease-in-out infinite pulse-glow-border;position:relative;overflow:hidden}@keyframes pulse-glow-border{0%,to{box-shadow:0 0 30px #00ff9ccc,0 0 60px #00ff9c80,0 0 90px #00ff9c4d,inset 0 0 30px #00ff9c33}33%{box-shadow:0 0 40px gold,0 0 80px #ffd700b3,0 0 120px #ffd70066,inset 0 0 40px #ffd7004d}66%{box-shadow:0 0 40px #a855f7,0 0 80px #a855f7b3,0 0 120px #a855f766,inset 0 0 40px #a855f74d}}.promo-image:hover{border-width:3px;animation-duration:10s;transform:translateY(-4px)}.promo-image-content{object-fit:cover;z-index:1;border-radius:.875rem;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.promo-image:hover .promo-image-content{transform:scale(1.02)}.invert-layout{grid-template-columns:minmax(400px,1fr) 2fr;gap:20rem}@media (max-width:1024px){.invert-layout{grid-template-columns:1fr}.invert-layout .hero-image{order:2}.invert-layout .hero-text{order:1}}.bingo-section .hero-title{background:linear-gradient(135deg,#d946ef,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bingo-section .feature-item:hover{background:#d946ef1a;border-color:#d946ef}.bingo-section .feature-icon{filter:drop-shadow(0 0 4px #d946ef80)}.bingo-section .promo-image{background:linear-gradient(135deg,#0a192f,#1e1e1e) padding-box padding-box,linear-gradient(135deg,#d946ef,#a855f7,#d946ef) border-box;animation:20s ease-in-out infinite pulse-glow-border-bingo}@keyframes pulse-glow-border-bingo{0%,to{box-shadow:0 0 30px #d946efcc,0 0 60px #d946ef80,0 0 90px #d946ef4d,inset 0 0 30px #d946ef33}50%{box-shadow:0 0 40px #a855f7,0 0 80px #a855f7b3,0 0 120px #a855f766,inset 0 0 40px #a855f74d}}.register-section{background:#ffffff05;border-top:1px solid #ffffff1a;padding:4rem 1rem}.register-content{text-align:center;max-width:800px;margin:0 auto}.register-title{color:#fff;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.5rem);font-weight:800}.register-subtitle{color:#e5e5e5;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.register-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00cc7a);box-shadow:0 4px 8px #00ff9c4d}.btn-primary:hover{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c66}.btn-secondary{color:#fff;background:#ffffff1a;border:2px solid #00ff9c}.btn-secondary:hover{background:#00ff9c1a;border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c33}.btn-icon{font-size:1.25rem}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-description{margin:0 auto}.hero-features{justify-content:center}.promo-image{height:clamp(380px,60vw,650px)}.promo-image-content{object-fit:contain;object-position:center}.register-actions{flex-direction:column;align-items:center}}@media (max-width:768px){.hero-section{padding:3rem 1rem}.hero-title{font-size:clamp(2rem,6vw,2.5rem)}.hero-subtitle{font-size:clamp(1.25rem,4vw,1.75rem)}.hero-description{font-size:1rem}.feature-item{justify-content:center}.promo-image{height:clamp(260px,60vw,360px)}.promo-image-content{object-fit:contain;object-position:center}.register-title{font-size:1.75rem}.register-subtitle{font-size:.95rem}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:280px}}@media (max-width:480px){.hero-section{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:.9rem}.promo-image{height:clamp(300px,70vw,300px)}.promo-image-content{object-fit:cover;object-position:center}.feature-text{font-size:.8rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem}}.games-grid-section{background:#0003;border-top:1px solid #ffffff0d;padding:4rem 1rem}.games-grid-container{max-width:1280px;margin:0 auto}.games-grid-title{text-align:center;background:linear-gradient(135deg,gold,orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1}.games-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.game-item-link{text-decoration:none;transition:transform .3s;display:block}.game-item-link:hover{transform:translateY(-8px)}.game-card{aspect-ratio:16/9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.game-card-image{object-fit:cover;transition:transform .5s}.game-item-link:hover .game-card-image{transform:scale(1.1)}@media (max-width:1024px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.games-grid{grid-template-columns:1fr;gap:1rem}}
.error-general{text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 4px 12px #ff47574d}.error-general .error-message{color:#fff;font-size:14px;font-weight:600}.register-page{background:var(--gradient-main);min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.register-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);width:100%;max-width:500px;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);background:#ffffff0d;border:1px solid #ffffff1a}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.back-link{color:var(--text-muted);margin-bottom:var(--spacing-md);transition:color var(--transition-normal);align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--secondary)}.register-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:700}.register-subtitle{color:var(--text-secondary);font-size:1rem}.progress-container{margin-bottom:var(--spacing-xl)}.progress-bar{width:100%;height:4px;margin-bottom:var(--spacing-md);background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-fill{background:var(--gradient-secondary);height:100%;transition:width var(--transition-slow);border-radius:2px}.progress-steps{justify-content:center;gap:var(--spacing-lg);display:flex}.step{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-normal);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.step.active{background:var(--gradient-secondary);color:var(--primary);box-shadow:0 0 10px #00ff9c4d}.register-form{margin-bottom:var(--spacing-xl)}.form-step{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-normal);background:#ffffff0d;border:2px solid #ffffff1a;outline:none;font-size:1rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--secondary);background:#00ff9c0d;box-shadow:0 0 0 3px #00ff9c1a}.form-input.error{border-color:var(--danger);background:#ff47570d}.form-input.error:focus{box-shadow:0 0 0 3px #ff47571a}.error-message{color:var(--danger);margin-top:var(--spacing-xs);font-size:.75rem;font-weight:500;display:block}.password-strength{margin-top:var(--spacing-sm)}.strength-bar{width:100%;height:4px;margin-bottom:var(--spacing-xs);background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all var(--transition-normal);border-radius:2px}.strength-text{font-size:.75rem;font-weight:600}.checkbox-label{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;line-height:1.5;display:flex}.checkbox-input{width:18px;height:18px;accent-color:var(--secondary);margin-top:2px}.checkbox-text{color:var(--text-secondary)}.terms-link{color:var(--secondary);font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-view-btn{color:var(--secondary);cursor:pointer;transition:all var(--transition-normal);background:#ffffff14;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.terms-view-btn:hover{color:#00ff9c;background:#00ff9c14;border-color:#00ff9c59;transform:translateY(-1px);box-shadow:0 6px 18px #00ff9c2e}.terms-view-btn:active{transform:translateY(0)}.terms-view-btn:focus{outline:none;box-shadow:0 0 0 3px #00ff9c33}.btn-primary,.btn-secondary{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-secondary);color:var(--primary);box-shadow:var(--shadow-secondary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--secondary-dark), #00ff9c);transform:translateY(-2px);box-shadow:0 8px 20px #00ff9c66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);background:#ffffff1a;border:2px solid #fff3}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.step-buttons{gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.step-buttons .btn-primary,.step-buttons .btn-secondary{flex:1}.confirmation-summary{border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#ffffff0d;border:1px solid #ffffff1a}.summary-item{padding:var(--spacing-sm) 0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.summary-value{color:var(--text-primary);font-weight:600}.register-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid #ffffff1a}.register-footer p{color:var(--text-muted);margin:0;font-size:.875rem}.login-link{color:var(--secondary);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:768px){.register-page{padding:var(--spacing-sm)}.register-container{padding:var(--spacing-lg)}.register-title{font-size:1.75rem}.step-buttons{flex-direction:column}.step-buttons .btn-primary,.step-buttons .btn-secondary{width:100%}}@media (max-width:480px){.register-container{padding:var(--spacing-md)}.register-title{font-size:1.5rem}.step-title{font-size:1.25rem}.form-input,.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-md)}}
.step-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.step-card:hover{border-color:#00ff9c;transform:translateY(-5px);box-shadow:0 10px 30px #00ff9c33}.step-number{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00cc7a);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;animation:6s ease-in-out infinite sequential-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #00ff9c4d}.step-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.step-description{color:#e5e5e5;text-align:center;margin:0;font-size:1rem;line-height:1.6}@keyframes sequential-glow{0%,15%{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1);box-shadow:0 4px 8px #00ff9c4d}16%,30%{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1.15);box-shadow:0 0 25px #00ff9c,0 0 50px #00ff9c,0 4px 8px #00ff9c4d}31%,to{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1);box-shadow:0 4px 8px #00ff9c4d}}.steps-section{background:#ffffff05;padding:4rem 0}.steps-container{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}@media (max-width:768px){.steps-container{grid-template-columns:1fr;gap:1.5rem}.step-card{min-height:180px;padding:1.5rem}.step-number{width:50px;height:50px;font-size:1.25rem}.step-title{font-size:1.25rem}.step-description{font-size:.9rem}}