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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.federation-header{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;background-color:#fff;color:#fff;padding:1rem 0;border-bottom:5px solid red;border-radius:16px;padding:20px;box-shadow:0 10px 28px #00000014;text-align:center}.federation-logo{width:4rem;height:4rem;border-radius:9999px;border:2px solid rgb(22,163,74);object-fit:contain}.federation-title{font-size:1.875rem;font-weight:700;background:linear-gradient(to right,#166534,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.member-section{display:flex;align-items:center;gap:1rem;margin-top:.5rem;padding:.5rem 1rem;background-color:#14532d;border-radius:.5rem}.member-logo{width:3.5rem;height:3.5rem;border-radius:9999px;border:2px solid #4ade80;object-fit:contain;flex-shrink:0}.member-name{font-size:1.25rem;font-weight:600;color:#a7f3d0}#showcase{background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:6rem 2rem;text-align:center;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}#showcase:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}#showcase h1,#showcase p{position:relative;z-index:2;margin:0}#showcase h1{font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 6px rgba(0,0,0,.7)}#showcase p{font-size:1.5rem;text-shadow:1px 1px 4px rgba(0,0,0,.7)}@media (max-width: 768px){#showcase{height:300px;padding:4rem 1rem}#showcase h1{font-size:2rem}#showcase p{font-size:1.2rem}}.account-buttons{text-align:center;padding:20px 0}.account-buttons button{padding:10px 20px;margin:0 10px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.account-buttons button:nth-child(odd){background-color:green;color:#fff}.account-buttons button:nth-child(2n){background-color:red;color:#fff}.footer{background-color:red;color:#fff;text-align:center;padding:1rem 0;margin-top:auto}.page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;color:#333}.page-header{background-color:green;color:#fff;text-align:center;padding:1rem 0;border-bottom:5px solid red}.page-content{padding:20px;text-align:center}.back-button{margin-top:20px}.back-button button{padding:10px 20px;background-color:#00f;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}****************************************** .home-buttons{display:flex;flex-direction:row;gap:2rem}.home-buttons .login-box{flex:0 0 auto;background:transparent;box-shadow:none;border:none;padding:0}.home-buttons .login-box:first-child button{background:#097938;color:#fff}.home-buttons .login-box:nth-child(2) button,.home-buttons .login-box:nth-child(3) button{background:#d8d8d8;color:#333;border:1px solid #ddd}.home-buttons .login-box button{padding:.8rem 1.5rem;border-radius:10px;font-size:1rem;font-weight:600;transition:transform .2s}.home-buttons .login-box button:hover{transform:scale(1.05)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes buttonGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes primaryBtGradient{0%{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}@keyframes primaryBtGlow{0%{box-shadow:0 0 30px #0f8c,0 0 60px #28a74599,0 0 90px #20c99766,inset 0 0 20px #ffffff1a}to{box-shadow:0 0 40px #0f8,0 0 80px #28a745cc,0 0 120px #20c99799,inset 0 0 30px #fff3}}@keyframes primaryBtShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes primaryBtPulse{0%{transform:translateY(-8px) scale(1.1) rotateX(5deg)}50%{transform:translateY(-8px) scale(1.12) rotateX(5deg)}to{transform:translateY(-8px) scale(1.1) rotateX(5deg)}}.center-block{display:flex;justify-content:center;align-items:center;margin:20px auto;background:linear-gradient(135deg,#28a745,#20c997,#17a2b8,#28a745);background-size:400% 400%;animation:gradientShift 3s ease infinite;flex-wrap:wrap;gap:30px;padding:60px;border-radius:25px;border:3px solid #28a745;box-shadow:0 0 40px #28a745cc,0 0 80px #28a74599,0 0 120px #28a74566,inset 0 0 30px #fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;min-height:200px;transform:scale(1.05)}.center-block:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 3s infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.login-box{background:#fff;border-radius:16px;padding:20px;width:90%;max-width:520px;box-shadow:0 0 0 3px #78cb51;text-align:center;overflow:visible}.login-box h2{margin:0 0 6px}.muted{color:#666;margin:0 0 14px}.login-box input,.content-box input,.login-box select,.content-box select{padding:8px 10px;margin:6px 0;border:1px solid #20b820;border-radius:8px;font-size:.9rem;width:100%;box-sizing:border-box}.content-box input:focus,.content-box select:focus,.login-box input:focus,.login-box select:focus{outline:none;border-color:#20b820;box-shadow:0 0 0 3px #78cb51}.cancel-btn,.confirm-btn,.primary-btn,.primary-b,.secondary-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .3s ease,transform .2s ease;margin:.2rem}.primary-btn{background-color:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease}.primary-bt{background:linear-gradient(135deg,#0f8,#28a745,#20c997,#17a2b8,#0f8);background-size:400% 400%;animation:primaryBtGradient 3s ease infinite,primaryBtGlow 2s ease-in-out infinite alternate;color:#fff;border:3px solid transparent;border-image:linear-gradient(45deg,#0f8,#28a745,#20c997) 1;box-shadow:0 0 30px #0f8c,0 0 60px #28a74599,0 0 90px #20c99766,inset 0 0 20px #ffffff1a;text-shadow:0 0 15px rgba(255,255,255,.8),0 0 30px rgba(0,255,136,.6);font-weight:900;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;padding:15px 30px;border-radius:15px;position:relative;overflow:hidden;transition:all .3s ease}.primary-bt:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:primaryBtShine 2s linear infinite}.primary-bt:hover{background:linear-gradient(135deg,#0f8,#20c997,#28a745,#17a2b8,#0f8);transform:translateY(-8px) scale(1.1) rotateX(5deg);box-shadow:0 0 50px #0f8,0 0 100px #28a745cc,0 0 150px #20c99799,0 15px 30px #0000004d,inset 0 0 30px #fff3;text-shadow:0 0 20px rgba(255,255,255,1),0 0 40px rgba(0,255,136,.8);border-image:linear-gradient(45deg,#0f8,#fff,#0f8) 1;animation:primaryBtGradient 1.5s ease infinite,primaryBtGlow 1s ease-in-out infinite alternate,primaryBtPulse .5s ease infinite}.secondary-btn{background:linear-gradient(135deg,#17a2b8,#20c997,#28a745);background-size:200% 200%;animation:buttonGradient 2.5s ease infinite;color:#fff;border:2px solid #17a2b8;box-shadow:0 0 15px #17a2b880,0 0 30px #17a2b84d;text-shadow:0 0 8px rgba(255,255,255,.4);font-weight:700}.secondary-btn:hover{background:linear-gradient(135deg,#28a745,#17a2b8,#20c997);transform:translateY(-3px) scale(1.03);box-shadow:0 0 25px #17a2b8b3,0 0 50px #17a2b866}.secondary-btn:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;opacity:.6;animation:none!important}.primary-btn:disabled,.primary-b:disabled,.primary-M:disabled,.primary-S:disabled,.confirm-btn:disabled,.cancel-btn:disabled{background-color:#ccc!important;color:#666!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important;opacity:.6;animation:none!important}.confirm-btn{background-color:red;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 15px 30px red;margin:5px}.confirm-btn:hover{background-color:#901313;transform:translateY(-5px);box-shadow:0 15px 30px #ff1111a5;margin:5px}.primary-b:active{background-color:#ffa0a0!important}.cancel-btn{background-color:#901313;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 15px 30px #901313;margin:5px}.cancel-btn:hover{background-color:red;transform:translateY(-5px);box-shadow:0 15px 30px #ffa0a0;margin:5px}.btn-row{grid-column:1 / -1;display:flex;justify-content:flex-start;gap:1rem;margin-top:1rem}.error-text{color:#c0392b;margin-top:8px}.success-text{color:#1e8449;margin-top:8px}.page-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:32px 16px}.title-blue{color:#2563eb;margin-bottom:10px}.title-green{color:#16a34a;margin-bottom:10px}.text{color:#333}.back-btn{display:inline-block;margin-top:14px;text-decoration:none;background:#e5e7eb;color:#111;padding:8px 14px;border-radius:10px}.back-btn:hover{background:#d1d5db}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;color:#333;padding:.6rem;box-sizing:border-box;overflow-x:auto}.form-title{color:#333;border-bottom:2px solid green;padding-bottom:.5rem;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;width:100%;box-sizing:border-box;overflow:visible}.form-grid label{display:flex;flex-direction:column;font-size:.6rem;font-weight:400;color:#666;margin-bottom:.1rem;line-height:1}.form-grid input,.form-grid select{margin-top:.5rem;padding:.7rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:#20b820;box-shadow:0 0 0 3px #78cb51}.table-container{overflow:auto;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:400px;white-space:nowrap}.table-container:active{cursor:grabbing}.form-table-wrapper{overflow:visible}.athlete-table{min-width:2000px;width:auto;margin-top:2rem;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;background-color:#fff;border-radius:8px}.member-table{min-width:1500px;width:auto;margin-top:2rem;border-collapse:collapse;box-shadow:0 2px 8px #0000001a;background-color:#fff;border-radius:8px}.athlete-table th,.athlete-table td,.member-table th,.member-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid #ddd}.athlete-table th,.member-table th{background-color:green;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.athlete-table tbody tr:nth-child(2n),.member-table tbody tr:nth-child(2n){background-color:#f9f9f9}.athlete-table tbody tr:hover,.member-table tbody tr:hover{background-color:#f1f1f1}******************** body{overflow-x:hidden}body{overflow-x:hidden}.navigation ul{list-style:none;padding:0;display:flex;justify-content:center;gap:20px;margin-top:20px}.navigation ul li a{color:#fff;background-color:green;border:1px solid red;padding:5px 10px;border-radius:5px;text-decoration:none}.navigation ul li a:hover{background-color:#0a7a0a}.primary-btn{background-color:#1a721d;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 15px 30px #59c95da5;margin:5px}.primary-btn:hover{background-color:#45a049;transform:translateY(-2px)}.primary-btn.active{background-color:red;box-shadow:0 15px 30px #ff000080}.primary-b{background-color:#1a721d!important;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 15px 30px #59c95da5;margin:5px}.primary-b:hover{background-color:red!important;transform:translateY(-2px);box-shadow:0 15px 30px #ff1111a5;margin:5px}.primary-b:active{background-color:red!important}.primary-M{background-color:#1a721d!important;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 15px 30px #59c95da5;margin:5px}.primary-M:hover{background-color:#063308!important;transform:translateY(-2px);box-shadow:0 15px 30px #063308!important}.primary-M:active{background-color:#063308;transform:translateY(0)}.primary-S{background-color:#063308!important;color:#fff;border:none;padding:10px 18px;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;box-shadow:0 15px 30px #115d13!important;margin:5px}.primary-S:hover{background-color:#1a721d!important;transform:translateY(-2px);box-shadow:0 15px 30px #1a721d!important}.primary-S:active{background-color:#1a721d!important;transform:translateY(0);box-shadow:0 10px 20px #063308!important}.secondary-btn{padding:10px 18px;border:1px solid #ccc;border-radius:10px;background:#f6f6f6;color:#333;cursor:pointer;font-size:15px}.secondary-btn:hover{background:#eee}.sticky-button-bar{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:10px;display:flex;gap:10px;overflow-x:auto;white-space:nowrap;box-shadow:0 -2px 5px #0000001a;z-index:1000}.sticky-button-bar::-webkit-scrollbar{height:6px}.sticky-button-bar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.gorgeous-buttons-layout{display:flex;flex-direction:column;gap:20px;padding:20px;background:transparent;border-radius:20px}.horizontal-buttons-container{flex-direction:row!important;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:25px}.gorgeous-button-wrapper{flex:1;min-width:280px;max-width:350px;position:relative;transform:translateY(0);transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:transparent;border:none;padding:0;margin:0}.gorgeous-buttons-layout .login-box{background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;width:100%!important;max-width:none!important}.gorgeous-button-wrapper:hover{transform:translateY(-8px) scale(1.02);z-index:10}.gorgeous-green-btn{background:linear-gradient(135deg,#15803d,#15803d,#15803d,#15803d,#15803d);border:none;border-radius:18px;outline:none;color:#fff;font-weight:600;font-size:16px;padding:18px 24px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 25px #15803d4d;transition:all .3s ease;animation:gorgeousGreen700Gradient 4s ease-in-out infinite;text-transform:uppercase;letter-spacing:1px;width:100%;min-height:60px;display:flex;align-items:center;justify-content:center}.gorgeous-green-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;animation:gorgeousGreenShine 3s ease-in-out infinite}.gorgeous-green-btn:hover:before{left:100%}.gorgeous-green-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #15803d80;background:linear-gradient(135deg,#15803d,#15803d,#15803d,#15803d,#15803d);animation:gorgeousGreen700Glow .6s ease-in-out}.gorgeous-green-btn:active{transform:translateY(-1px);box-shadow:0 8px 20px #15803d66}@keyframes gorgeousGreen700Gradient{0%,to{background:linear-gradient(135deg,#15803d,#16a34a,#22c55e,#4ade80,#86efac)}25%{background:linear-gradient(135deg,#16a34a,#22c55e,#4ade80,#86efac,#bbf7d0)}50%{background:linear-gradient(135deg,#22c55e,#4ade80,#86efac,#bbf7d0,#dcfce7)}75%{background:linear-gradient(135deg,#4ade80,#86efac,#bbf7d0,#15803d,#16a34a)}}@keyframes gorgeousGreenShine{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes gorgeousGreen700Glow{0%{box-shadow:0 8px 25px #15803d4d}50%{box-shadow:0 15px 40px #15803d99,0 0 30px #15803d66}to{box-shadow:0 15px 40px #15803d80}}@media (max-width: 768px){.horizontal-buttons-container{flex-direction:column;gap:15px}.gorgeous-button-wrapper{min-width:100%;max-width:100%}.gorgeous-green-btn{font-size:14px;padding:16px 20px;min-height:55px}}@media (max-width: 480px){.gorgeous-buttons-layout{padding:15px;gap:12px}.gorgeous-green-btn{font-size:13px;padding:14px 18px;min-height:50px}}@media (min-width: 768px){.sticky-button-bar{position:static;flex-wrap:wrap;overflow:visible;box-shadow:none}}******************** .carousel-section{position:relative;width:95%;max-width:1200px;margin:0 auto 2rem;perspective:1200px;overflow:hidden;touch-action:pan-y}.carousel-track{position:relative;height:clamp(500px,70vw,600px);transform-style:preserve-3d}.carousel-slide{position:absolute;top:0;left:50%;width:clamp(300px,50vw,600px);transform-origin:center;transition:transform .6s ease,opacity .6s ease;text-align:center;opacity:0;pointer-events:none}.carousel-slide img{width:120%;border-radius:16px;box-shadow:0 12px 28px #00000040}.carousel-slide.active{transform:translate(-50%) translateZ(200px) scale(1);opacity:1;pointer-events:auto;z-index:3}.carousel-slide.prev{transform:translate(-150%) rotateY(40deg) translateZ(-100px) scale(.8);opacity:.6;z-index:2}.carousel-slide.next{transform:translate(50%) rotateY(-40deg) translateZ(-100px) scale(.8);opacity:.6;z-index:2}.carousel-slide.hidden{transform:translate(-50%) translateZ(-400px) scale(.5);opacity:0;z-index:1}.carousel-caption{margin-top:.5rem;font-size:.9rem;color:#333}.carousel-button{position:absolute;top:160%;transform:translateY(-50%);background:linear-gradient(145deg,#fff,#d1d1d1);border:none;width:50px;height:50px;border-radius:50%;box-shadow:3px 3px 6px #b0b0b0,-3px -3px 6px #fff;cursor:pointer;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.carousel-button:hover{box-shadow:inset 3px 3px 6px #b0b0b0,inset -3px -3px 6px #fff}.carousel-button.left{left:1rem}.carousel-button.right{right:1rem}********************* / Fullscreen overlay .carousel-slide{position:relative}.carousel-caption{position:absolute;bottom:1rem;left:1rem;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.7);max-width:80%}.carousel-caption h3{font-size:1.8rem;margin:0}.carousel-caption p{font-size:1rem;margin:.3rem 0 0}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#000000b3,#22c55e4d,#10b9814d,#0596694d,#000000b3);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:overlayGlow 4s ease-in-out infinite alternate}@keyframes overlayGlow{0%{box-shadow:inset 0 0 100px #22c55e1a}to{box-shadow:inset 0 0 100px #22c55e4d}}.fullscreen-content{position:relative;width:100%;height:100%}.fullscreen-image{width:100%;height:100%;object-fit:cover}.fullscreen-text{position:absolute;bottom:10%;left:5%;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.8);max-width:90%}.fullscreen-text h2{font-size:4rem;margin:0 0 1rem}.fullscreen-text p{font-size:1.8rem;margin:0}.close-button{position:absolute;top:2rem;right:2rem;background:#00000080;border:none;color:#fff;font-size:2.5rem;cursor:pointer;z-index:10000}.fullscreen-login-box{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.fullscreen-login-box .login-box{max-width:600px;width:90%;background:linear-gradient(135deg,#fffffff2,#f0fdf4f2,#dcfce7f2);border-radius:25px;padding:3rem;box-shadow:0 25px 80px #22c55e66,0 15px 40px #10b9814d,0 5px 20px #05966933,inset 0 1px #fffc,inset 0 -1px #22c55e1a;transform:scale(1.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(34,197,94,.3);position:relative;overflow:hidden;animation:loginBoxFloat 6s ease-in-out infinite}.fullscreen-login-box .login-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(34,197,94,.1) 40%,rgba(255,255,255,.3) 50%,rgba(16,185,129,.1) 60%,transparent 70%);animation:loginBoxShine 4s infinite;pointer-events:none}.fullscreen-login-box .login-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(34,197,94,.1) 0%,transparent 70%);pointer-events:none;animation:pulse 3s ease-in-out infinite}@keyframes loginBoxFloat{0%,to{transform:scale(1.05) translateY(0);box-shadow:0 25px 80px #22c55e66,0 15px 40px #10b9814d,0 5px 20px #05966933}50%{transform:scale(1.08) translateY(-10px);box-shadow:0 35px 100px #22c55e80,0 25px 60px #10b98166,0 15px 30px #0596694d}}@keyframes loginBoxShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.fantasy-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.magic-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(40,167,69,.3) 0%,rgba(32,201,151,.2) 30%,rgba(23,162,184,.1) 60%,transparent 100%);animation:magicGlow 4s ease-in-out infinite;pointer-events:none}.floating-particles{position:absolute;width:100%;height:100%;pointer-events:none}.floating-particles:before,.floating-particles:after{content:"";position:absolute;width:6px;height:6px;background:radial-gradient(circle,#28a745,#20c997);border-radius:50%;animation:floatParticles 6s ease-in-out infinite;box-shadow:0 0 10px #28a745cc}.floating-particles:before{top:20%;left:10%;animation-delay:0s}.floating-particles:after{top:60%;right:15%;animation-delay:3s}.energy-rings{position:absolute;width:100%;height:100%;pointer-events:none}.ring{position:absolute;border:2px solid rgba(40,167,69,.4);border-radius:50%;animation:energyRings 3s ease-in-out infinite}.ring-1{width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:0s}.ring-2{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:1s}.ring-3{width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:2s}.fantasy-btn{position:relative;z-index:10;background:linear-gradient(135deg,#28a745,#20c997,#17a2b8,#28a745);background-size:300% 300%;animation:fantasyGradient 3s ease infinite;border:3px solid #28a745;box-shadow:0 0 30px #28a745cc,0 0 60px #28a74580,inset 0 0 20px #fff3;text-shadow:0 0 15px rgba(255,255,255,.8);font-size:1.2rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .3s ease}.fantasy-btn:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 0 50px #28a745,0 0 100px #28a745b3,inset 0 0 30px #ffffff4d;text-shadow:0 0 20px rgba(255,255,255,1)}@keyframes magicGlow{0%,to{transform:rotate(0) scale(1);opacity:.3}50%{transform:rotate(180deg) scale(1.1);opacity:.6}}@keyframes floatParticles{0%,to{transform:translateY(0) rotate(0);opacity:.8}25%{transform:translateY(-20px) rotate(90deg);opacity:1}50%{transform:translateY(-40px) rotate(180deg);opacity:.6}75%{transform:translateY(-20px) rotate(270deg);opacity:1}}@keyframes energyRings{0%{transform:translate(-50%,-50%) scale(.5);opacity:1;border-color:#28a745cc}50%{transform:translate(-50%,-50%) scale(1);opacity:.5;border-color:#20c99799}to{transform:translate(-50%,-50%) scale(1.5);opacity:0;border-color:#17a2b833}}@keyframes fantasyGradient{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 50%}}.moving-image-container{overflow:hidden;width:100%;background:linear-gradient(90deg,#14532d,#166534);padding:1rem 0;position:relative}.moving-image-track{display:flex;flex-wrap:nowrap;gap:1rem;animation:scrollLeft 40s linear infinite}.moving-image-card{flex:0 0 auto;width:280px;height:180px;position:relative;border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000004d}.moving-image-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.moving-image-card:hover img{transform:scale(1.1)}.moving-image-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:#00000080;color:#fff;font-size:.9rem;text-align:center}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background:#fffffff2;border-radius:15px;padding:2rem;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:slideIn .3s ease-out;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;transition:color .2s ease}.modal-close:hover{color:#15803d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 20s linear infinite}.announcement-text-huge{font-size:0,5rem!important;line-height:1!important;background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;white-space:nowrap!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important;transform:translateZ(3px) rotateX(8deg);font-weight:800!important;-webkit-text-stroke:.5px rgba(50,49,49,.3)}@media (min-width: 768px){.announcement-text-huge{font-size:1rem!important;line-height:1!important;background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;white-space:nowrap!important;text-shadow:3px 3px 6px rgba(0,0,0,.8)!important;-webkit-text-stroke:.5px rgba(50,49,49,.3)}}@media (min-width: 1024px){.announcement-text-huge{font-size:1,5rem!important;line-height:1!important;background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;white-space:nowrap!important;text-shadow:4px 4px 8px rgba(0,0,0,.8)!important;-webkit-text-stroke:.75px rgba(50,49,49,.3)}}.header-text-massive{font-size:0,5rem!important;line-height:1.1!important;background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:2px 2px 4px rgba(0,0,0,.8)!important;transform:translateZ(5px) rotateX(10deg);font-weight:900!important;-webkit-text-stroke:1px rgba(50,49,49,.3)}.green-tape-banner:hover .header-text-massive{background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:3px 3px 6px rgba(0,0,0,.9)!important;transform:translateZ(12px) rotateX(15deg) scale(1.05);-webkit-text-stroke:1.5px rgba(50,49,49,.5)}@media (min-width: 768px){.header-text-massive{font-size:1,5rem!important;line-height:1.1!important;background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:3px 3px 6px rgba(0,0,0,.8)!important;-webkit-text-stroke:1px rgba(50,49,49,.3)}}@media (min-width: 1024px){.header-text-massive{font-size:2rem!important;line-height:1.1!important;background:#201f1f!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:4px 4px 8px rgba(0,0,0,.8)!important;-webkit-text-stroke:1.5px rgba(50,49,49,.3)}}.circle-buttons-section{padding:4rem 2rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);position:relative;overflow:hidden}.circle-buttons-container{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.circle-button-container{display:flex;flex-direction:column;align-items:center;gap:1rem;perspective:1000px}.circle-button{width:120px;height:120px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d;position:relative}.circle-button:hover{transform:translateY(-10px) rotateY(15deg) rotateX(10deg)}.circle-button:active{transform:translateY(-5px) rotateY(10deg) rotateX(5deg) scale(.95)}.circle-button-inner{width:100%;height:100%;border-radius:50%;position:relative;background:linear-gradient(145deg,#fff,#e6e6e6);box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff,inset 5px 5px 10px #0000001a,inset -5px -5px 10px #fffc;transition:all .4s ease;overflow:hidden;transform-style:preserve-3d}.circle-button:hover .circle-button-inner{box-shadow:25px 25px 80px #bebebe,-25px -25px 80px #fff,inset 8px 8px 15px #00000026,inset -8px -8px 15px #ffffffe6}.circle-image-container{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;background:linear-gradient(45deg,#92db6f,#289b08)}.circle-image{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .4s ease}.circle-button:hover .circle-image{transform:scale(1.1);filter:brightness(1.1) contrast(1.1)}.circle-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#92db6f,#289b08);border-radius:50%}.circle-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.circle-button:hover .circle-overlay{opacity:1}.circle-button-info{text-align:center;max-width:140px;background:transparent;padding:.75rem}.circle-button-title{font-size:.9rem;font-weight:600;color:#333;margin:0 0 .25rem;line-height:1.2}.circle-button-description{font-size:.75rem;color:#666;margin:0;line-height:1.3}@media (max-width: 768px){.circle-buttons-container{gap:2rem}.circle-button{width:100px;height:100px}.circle-button-title{font-size:.8rem}.circle-button-description{font-size:.7rem}}@media (max-width: 480px){.circle-buttons-section{padding:2rem 1rem}.circle-buttons-container{gap:1.5rem}.circle-button{width:80px;height:80px}.circle-button-info{max-width:100px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.circle-button-container:nth-child(odd) .circle-button{animation:float 3s ease-in-out infinite}.circle-button-container:nth-child(2n) .circle-button{animation:float 3s ease-in-out infinite reverse;animation-delay:.5s}.athlete-profile{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.athlete-profile h1{text-align:center;color:#333;margin-bottom:30px}.photo-section{display:flex;flex-direction:column;align-items:center;gap:15px}.athlete-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #ddd;box-shadow:0 4px 8px #0000001a}.photo-placeholder{width:200px;height:200px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;border:4px solid #ddd;color:#666;font-size:48px}.athlete-description{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007bff}.athlete-description h3{margin-top:0;color:#333}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.info-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #28a745;transition:transform .2s ease,box-shadow .2s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.info-card:nth-child(2){border-left-color:#17a2b8}.info-card:nth-child(3){border-left-color:#ffc107}.info-card:nth-child(4){border-left-color:#dc3545}.info-card h3{margin-top:0;margin-bottom:15px;color:#333;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.info-item{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #eee}.info-item:last-child{border-bottom:none;margin-bottom:0}.info-label{font-weight:700;font-size:14px;color:#555;min-width:120px}.info-value{color:#333;text-align:right;flex:1}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:15px}.info-grid{grid-template-columns:1fr}.athlete-photo,.photo-placeholder{width:150px;height:150px}.photo-placeholder{font-size:36px}}.qr-code-section{background:linear-gradient(135deg,#60b45a,green);color:#fff;padding:40px;border-radius:16px;margin:20px 0;text-align:center;box-shadow:0 8px 32px #0000001a}.qr-code-section h3{color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px;font-weight:700;margin-bottom:10px}.qr-code-section p{color:#ffffffe6;margin-bottom:30px;font-size:16px}.qr-code-container{display:flex;justify-content:center;align-items:center;margin:30px 0}.qr-code-centered{width:300px;height:300px;border-radius:16px;border:4px solid white;box-shadow:0 8px 24px #0000004d;background:#fff;padding:15px;object-fit:contain}.qr-code-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:300px;height:300px;background:#ffffff1a;border:4px solid rgba(255,255,255,.3);border-radius:16px;color:#fffc}.qr-code-loading p{margin:0;font-size:14px}.qr-code-status{margin-top:20px}@media (max-width: 768px){.qr-code-section{padding:30px 20px}.qr-code-centered,.qr-code-loading{width:250px;height:250px}.qr-code-section h3{font-size:20px}}@media (max-width: 480px){.qr-code-section{padding:20px 15px}.qr-code-centered,.qr-code-loading{width:200px;height:200px}.qr-code-section h3{font-size:18px}}.related-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.stat-item{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem;border-radius:12px;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-number{display:block;font-size:2rem;font-weight:700;color:#1e40af;margin-bottom:.25rem}.stat-label{display:block;font-size:.875rem;color:#64748b;font-weight:500}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:#fff;margin-top:1rem}.athletes-table{width:100%;border-collapse:collapse;font-size:.875rem}.athletes-table thead{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.athletes-table th{padding:1rem .75rem;text-align:left;font-weight:600;font-size:.875rem;letter-spacing:.025em}.athletes-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.athletes-table tbody tr:hover{background-color:#f8fafc}.athletes-table tbody tr:last-child{border-bottom:none}.athletes-table td{padding:.875rem .75rem;vertical-align:middle}.clickable-row{cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.clickable-row:hover{background-color:#f1f5f9!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.clickable-row:active{transform:translateY(0);background-color:#e2e8f0!important}.name-cell{font-weight:600;color:#1e293b}.license-cell{font-family:Courier New,monospace;color:#059669;font-weight:500}.id-cell{font-family:Courier New,monospace;color:#7c3aed;font-weight:500}.club-cell{color:#dc2626;font-weight:500}.source-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.source-badge.athletes{background-color:#dbeafe;color:#1e40af}.source-badge.league_members{background-color:#dcfce7;color:#166534}.source-badge.club_members{background-color:#fef3c7;color:#92400e}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.status-badge.pending{background-color:#fef3c7;color:#92400e}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.no-data{text-align:center;padding:3rem 1rem;color:#64748b}.no-data p{margin:0;font-size:1rem}@media (max-width: 1024px){.related-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-number{font-size:1.75rem}}@media (max-width: 768px){.related-stats{grid-template-columns:1fr;gap:.5rem}.stat-item{padding:.75rem}.stat-number{font-size:1.5rem}.athletes-table{font-size:.75rem}.athletes-table th,.athletes-table td{padding:.5rem .375rem}.source-badge,.status-badge{font-size:.625rem;padding:.125rem .5rem}}@media (max-width: 640px){.table-container{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}.athletes-table th:nth-child(4),.athletes-table td:nth-child(4),.athletes-table th:nth-child(5),.athletes-table td:nth-child(5){display:none}}