:root{--bg-dark:#0a0b10;--bg-surface:#14151e;--bg-surface-hover:#1c1e2b;--primary-periwinkle:#6f86db;--primary-gradient:linear-gradient(135deg, #6f86db 0%, #4b62b3 100%);--accent-glow:#6f86db66;--text-main:#fcfcfc;--text-muted:#a0a2b8;--success:#3ddc84;--error:#ff4d4d;--font-stack:"Outfit", sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0b10d9;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex}.brand-logo{align-items:center;text-decoration:none;transition:opacity .2s;display:flex}.brand-logo:hover{opacity:.8}.nav-logo-img{object-fit:contain;width:auto;height:48px}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-main);transition:color var(--transition-speed);font-weight:400;text-decoration:none}.nav-links a:hover{color:var(--primary-periwinkle)}.glass-btn{cursor:pointer;color:#fff;font-weight:600;font-family:var(--font-stack);background:0 0;border:none;border-radius:24px;justify-content:center;align-items:center;transition:all .7s cubic-bezier(.175,.885,.32,2.2);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 6px #0003,0 0 20px #0000001a}.glass-layer-0{z-index:0;border-radius:inherit;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);filter:url(#glass-distortion);isolation:isolate;position:absolute;inset:0}.glass-layer-1{z-index:10;border-radius:inherit;background:#6f86db4d;position:absolute;inset:0}.glass-layer-2{z-index:20;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 2px 2px 1px #ffffff80,inset -1px -1px 1px 1px #ffffff80}.glass-content{z-index:30;transition:transform .7s cubic-bezier(.175,.885,.32,2.2);position:relative}.glass-btn:hover .glass-content{transform:scale(.95)}.nav-cta-glass{border-radius:20px;padding:.6rem 1.4rem;font-size:1rem}.nav-cta-glass:hover{border-radius:24px;padding:.7rem 1.5rem}.hero{text-align:center;background:var(--bg-dark);justify-content:center;align-items:center;min-height:80vh;padding:6rem 2rem 2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:linear-gradient(to bottom, var(--bg-dark) 0%, transparent 15%, transparent 85%, var(--bg-dark) 100%), url(/assets/main%20page%20picture-B7PntlSV.jpg) center/cover no-repeat;filter:grayscale();opacity:.4;mix-blend-mode:luminosity;position:absolute;inset:0}.hero-content{z-index:2;max-width:800px;animation:1s ease-out forwards fadeInUp;position:relative}.marquee-container{z-index:10;opacity:.65;background:0 0;border:none;width:100vw;padding:1.5rem 0;display:flex;position:relative;overflow:hidden}.marquee-track{width:max-content;animation:60s linear infinite scroll-left;display:flex}.marquee-content{align-items:center;display:flex}.marquee-item{text-transform:uppercase;letter-spacing:1px;color:var(--text-main);white-space:nowrap;padding:0 8vw;font-size:1.5rem;font-weight:800}.marquee-item .highlight{color:var(--primary-periwinkle)}.marquee-separator{color:#ffffff1a;font-size:.8rem}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-title{background:linear-gradient(#fff 0%,#a0a2b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.primary-btn-glass{border-radius:32px;padding:1.5rem 3rem;font-size:1.2rem}.primary-btn-glass:hover{border-radius:40px;padding:1.6rem 3.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.races-section{max-width:1400px;margin:0 auto;padding:4rem 2rem}.races-header{margin-bottom:2rem}.races-header h2{font-size:2.5rem;font-weight:600}.races-header p{color:var(--text-muted)}.races-layout{grid-template-columns:1fr 400px;gap:2rem;height:700px;display:grid}@media (width<=1024px){.races-layout{grid-template-columns:1fr;height:auto}.map-wrapper{min-height:400px}}.map-wrapper{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid #ffffff0d;position:relative;overflow:hidden;box-shadow:0 10px 40px #0006}.google-map-container{background:#000;width:100%;height:100%}.map-placeholder{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.race-list-wrapper{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.race-list-wrapper::-webkit-scrollbar{width:6px}.race-list-wrapper::-webkit-scrollbar-track{background:0 0}.race-list-wrapper::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}.race-list{list-style:none}.race-card{--base:224;--spread:60;--radius:16;--border:1.5;--backdrop:#14151eb3;--backup-border:transparent;--size:260;--outer:1;--border-size:calc(var(--border,2) * 1px);--spotlight-size:calc(var(--size,150) * 1px);--hue:calc(var(--base) + (var(--xp,.5) * var(--spread,0)));background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(var(--hue) 80% 70% / .07), transparent);background-color:var(--backdrop);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));border:var(--border-size) solid var(--backup-border);border-radius:calc(var(--radius) * 1px);cursor:pointer;touch-action:none;background-position:50%;background-attachment:fixed;margin-bottom:1rem;padding:1.25rem;transition:background-color .3s,border-color .3s;position:relative}.race-card:before,.race-card:after,.auth-card:before,.auth-card:after,.profile-card:before,.profile-card:after,.profile-race-card:before,.profile-race-card:after{pointer-events:none;content:"";inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * 1px);background-attachment:fixed;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));-webkit-mask-composite:destination-out;background-position:50%;background-repeat:no-repeat;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.race-card:before,.auth-card:before,.profile-card:before,.profile-race-card:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(var(--hue) 80% 60% / .9), hsl(var(--hue) 80% 60% / 0) 100%);filter:brightness(1.6)}.race-card:after,.auth-card:after,.profile-card:after,.profile-race-card:after{background-image:radial-gradient(calc(var(--spotlight-size) * .4) calc(var(--spotlight-size) * .4) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), #ffffff1f, #fff0 100%)}.race-card:hover{--backdrop:#181924cc}.race-card.active{--backdrop:#1c1e2be6}.race-title{margin-bottom:.25rem;font-size:1.2rem;font-weight:600}.race-details{color:var(--text-muted);gap:1rem;margin-bottom:1rem;font-size:.9rem;display:flex}.race-spots{color:var(--primary-periwinkle);background:#6f86db26;border-radius:20px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.register-btn{width:100%;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;margin-top:1rem;padding:.8rem;font-weight:600;transition:all .2s}.register-btn:hover{background:var(--primary-gradient);box-shadow:0 4px 15px var(--accent-glow);border-color:#0000}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:1;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-backdrop.hidden{opacity:0;pointer-events:none}.modal-content{--base:224;--spread:80;--radius:28;--border:2;--backdrop:#14151ef2;--size:500;--border-size:calc(var(--border) * 1px);--spotlight-size:calc(var(--size) * 1px);--hue:calc(var(--base) + (var(--xp,.5) * var(--spread,0)));border-radius:calc(var(--radius) * 1px);touch-action:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-image:radial-gradient(var(--spotlight-size) var(--spotlight-size) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(var(--hue) 90% 65% / .12), transparent 80%);background-color:var(--backdrop);background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));border:var(--border-size) solid var(--backup-border);background-position:50%;background-attachment:fixed;width:95%;max-width:520px;padding:3rem;position:relative;overflow-x:hidden;box-shadow:0 30px 90px #000000e6}.modal-content:before,.modal-content:after{pointer-events:none;content:"";inset:calc(var(--border-size) * -1);border:var(--border-size) solid transparent;border-radius:calc(var(--radius) * 1px);background-attachment:fixed;background-size:calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));-webkit-mask-composite:destination-out;background-position:50%;background-repeat:no-repeat;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal-content:before{background-image:radial-gradient(calc(var(--spotlight-size) * .75) calc(var(--spotlight-size) * .75) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), hsl(var(--hue) 100% 70% / 1), transparent 100%);filter:brightness(2.2)contrast(1.1)}.modal-content:after{background-image:radial-gradient(calc(var(--spotlight-size) * .4) calc(var(--spotlight-size) * .4) at calc(var(--x,0) * 1px) calc(var(--y,0) * 1px), #ffffff1f, transparent 100%)}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.8rem;transition:color .2s;position:absolute;top:1rem;right:1.5rem}.close-btn:hover{color:#fff}.modal-header{margin-bottom:2rem}.modal-header h3{margin-bottom:.2rem;font-size:1.5rem}.modal-header p{color:var(--primary-periwinkle)}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.form-group input{border-radius:var(--radius-sm);color:#fff;background:#ffffff08;border:1px solid #ffffff1a;outline:none;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary-periwinkle)}.submit-btn{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:600}.feedback-msg{text-align:center;margin-top:1rem;font-size:.9rem}.feedback-success{color:var(--success)}.feedback-error{color:var(--error)}.auth-tab{color:var(--text-muted);font-family:var(--font-stack);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-tab:hover{color:#fff;background:#ffffff05}.auth-tab-active{color:var(--primary-periwinkle);border-bottom-color:var(--primary-periwinkle);background:#6f86db0d}.profile-avatar-wrapper{background:var(--primary-gradient);border:4px solid var(--bg-dark);width:120px;height:120px;box-shadow:0 10px 30px var(--accent-glow);border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.profile-avatar-overlay{opacity:0;cursor:pointer;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;font-size:.8rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.profile-avatar-wrapper:hover .profile-avatar-overlay{opacity:1}.profile-input{border-radius:var(--radius-sm);color:var(--text-main);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0a;border:1px solid #ffffff1a;padding:.8rem 1rem;font-family:inherit;transition:all .2s}.profile-input:focus{border-color:var(--primary-periwinkle);background:#ffffff14;outline:none;box-shadow:0 0 20px #6f86db33}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 40px;display:flex}.auth-card{z-index:1;background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid #ffffff0d;width:100%;max-width:480px;margin:0 auto;padding:3.5rem;position:relative}.auth-content{z-index:1;text-align:center;position:relative}.auth-title{background:linear-gradient(#fff 0%,#a0a2b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.auth-subtitle{color:var(--text-muted);margin-bottom:2.5rem}.auth-link{color:var(--primary-periwinkle);font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:#fff;text-decoration:underline}.auth-form{text-align:left}.profile-race-card{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.8rem;padding:1rem 1.2rem;transition:all .2s;display:flex}.modal-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:2rem 0}.profile-section-title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700;display:flex}.drop-out-btn{color:#ff6b6b;border-radius:var(--radius-sm);cursor:pointer;background:#ff6b6b14;border:1px solid #ff6b6b33;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.drop-out-btn:hover{color:#fff;background:#ff6b6b;border-color:#0000;box-shadow:0 4px 15px #ff6b6b4d}.runner-item{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0d;align-items:center;gap:1rem;padding:.8rem 1rem;transition:all .2s;display:flex}.runner-item:hover{background:#ffffff0f;transform:translate(5px)}.runner-avatar{object-fit:cover;background:var(--bg-surface-hover);border:1px solid #ffffff1a;border-radius:50%;width:36px;height:36px}.runner-name{color:var(--text-main);font-size:.95rem;font-weight:500}.show-runners-btn{width:100%;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #ffffff1a;margin-top:.5rem;padding:.6rem;font-size:.8rem;font-weight:500;transition:all .2s}.show-runners-btn:hover{color:var(--text-main);background:#ffffff0d;border-color:#fff3}.registered-count{color:var(--primary-periwinkle);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.registered-count-dot{background:var(--primary-periwinkle);width:8px;height:8px;box-shadow:0 0 8px var(--primary-periwinkle);border-radius:50%;display:inline-block}.danger-zone-btn{color:#ff6b6b;border-radius:var(--radius-sm);cursor:pointer;background:#ff6b6b0d;border:1px solid #ff6b6b4d;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s}.danger-zone-btn:hover{color:#fff;background:#ff6b6b;border-color:#0000;box-shadow:0 4px 15px #ff6b6b4d}