@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.homepage-container{background:linear-gradient(180deg,#2ecc71,#3498db);color:#fff;font-family:Arial,sans-serif;padding:20px;text-align:center}.homepage-title{font-size:3rem;margin-bottom:10px}.homepage-subtitle{font-size:1.2rem;margin-bottom:20px}.homepage-buttons{margin-top:30px}.homepage-button{border-radius:5px;display:inline-block;font-size:1rem;font-weight:700;margin:10px;padding:10px 20px;text-decoration:none}.homepage-button.login{background-color:#e74c3c;color:#fff}.homepage-button.register{background-color:#2ecc71;color:#fff}.homepage-button.leaderboard{background-color:#9b59b6;color:#fff}.homepage-button.predict{background-color:#3498db;color:#fff}.homepage-countdown{font-size:1.5rem;margin-top:40px}.homepage-leaderboard-preview{font-size:1.2rem;margin-top:40px}.homepage-leaderboard-preview ul{list-style:none;padding:0}.homepage-leaderboard-preview li{margin:5px 0}.homepage-banner img{border-radius:10px;margin-top:30px;width:80%}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100%}html:before{background:linear-gradient(135deg,#0f1419,#1a2332 50%,#2a3441);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;color:#fff;line-height:1.6;min-height:100vh;position:relative}:root{--epl-primary:#38003c;--epl-secondary:#00ff87;--epl-accent:#e90052;--epl-gold:#ffb81c;--bg-primary:#0f1419;--bg-secondary:#1a2332;--bg-tertiary:#2a3441;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff1a;--text-primary:#fff;--text-secondary:#b8c5d1;--text-muted:#8b9bb4;--text-accent:#00ff87;--border-primary:#ffffff1a;--border-secondary:#fff3;--border-accent:#00ff87;--success:#00ff87;--error:#ff4757;--warning:#ffb81c;--info:#3742fa;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--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;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}.container{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg);margin:0 auto;max-width:1200px;min-height:100vh;padding:1.5rem;padding:var(--space-lg)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.card:before{background:linear-gradient(90deg,#00ff87,#e90052);background:linear-gradient(90deg,var(--epl-secondary),var(--epl-accent));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;transition:opacity var(--transition-normal)}.card:hover{border-color:#fff3;border-color:var(--border-secondary);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.card-highlight{background:linear-gradient(135deg,#00ff871a,#e900521a);border:1px solid #00ff87;border:1px solid var(--epl-secondary)}.card-form{background:#1a2332;background:var(--bg-secondary);border:1px solid #fff3;border:1px solid var(--border-secondary);border-radius:.5rem;border-radius:var(--radius-md);margin:1.5rem 0;margin:var(--space-lg) 0;padding:1.5rem;padding:var(--space-lg)}.card-list{grid-gap:1rem;grid-gap:var(--space-md);display:grid;gap:1rem;gap:var(--space-md);margin-top:1.5rem;margin-top:var(--space-lg)}.card-item{background:#1a2332;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-lg);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.card-item:hover{border-color:#00ff87;border-color:var(--epl-secondary);transform:translateY(-1px)}.title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00ff87,#e90052);background:linear-gradient(135deg,var(--epl-secondary),var(--epl-accent));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:1rem;margin-bottom:var(--space-md);text-align:center}.subtitle{color:#b8c5d1;color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:center}.section-title{color:#00ff87;color:var(--text-accent);font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-md)}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text-primary);font-weight:600;line-height:1.2}p{color:#b8c5d1;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-md)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;min-height:48px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease-in-out;transition:all var(--transition-normal);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease-in-out;transition:left var(--transition-normal);width:100%}.btn:hover:before{left:100%}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary{background:linear-gradient(135deg,#38003c,#4a0044);background:linear-gradient(135deg,var(--epl-primary),#4a0044);border:1px solid #38003c;border:1px solid var(--epl-primary);color:#fff;color:var(--text-primary)}.btn-primary:hover{background:linear-gradient(135deg,#4a0044,#38003c);background:linear-gradient(135deg,#4a0044,var(--epl-primary));box-shadow:0 4px 12px #38003c66}.btn-secondary{background:linear-gradient(135deg,#00ff87,#00cc6a);background:linear-gradient(135deg,var(--epl-secondary),#00cc6a);border:1px solid #00ff87;border:1px solid var(--epl-secondary);color:#0f1419;color:var(--bg-primary);font-weight:700}.btn-secondary:hover{background:linear-gradient(135deg,#00cc6a,#00ff87);background:linear-gradient(135deg,#00cc6a,var(--epl-secondary));box-shadow:0 4px 12px #00ff8766}.btn-accent{background:linear-gradient(135deg,#e90052,#c7003d);background:linear-gradient(135deg,var(--epl-accent),#c7003d);border:1px solid #e90052;border:1px solid var(--epl-accent);color:#fff;color:var(--text-primary)}.btn-accent:hover{background:linear-gradient(135deg,#c7003d,#e90052);background:linear-gradient(135deg,#c7003d,var(--epl-accent));box-shadow:0 4px 12px #e9005266}.btn-success{background:linear-gradient(135deg,#00ff87,#00cc6a);background:linear-gradient(135deg,var(--success),#00cc6a);border:1px solid #00ff87;border:1px solid var(--success);color:#0f1419;color:var(--bg-primary);font-weight:700}.btn-success:hover{background:linear-gradient(135deg,#00cc6a,#00ff87);background:linear-gradient(135deg,#00cc6a,var(--success));box-shadow:0 4px 12px #00ff8766}.btn-warning{background:linear-gradient(135deg,#ffb81c,#e6a700);background:linear-gradient(135deg,var(--warning),#e6a700);border:1px solid #ffb81c;border:1px solid var(--warning);color:#0f1419;color:var(--bg-primary);font-weight:700}.btn-warning:hover{background:linear-gradient(135deg,#e6a700,#ffb81c);background:linear-gradient(135deg,#e6a700,var(--warning));box-shadow:0 4px 12px #ffb81c66}.btn-info{background:linear-gradient(135deg,#3742fa,#2f3cfa);background:linear-gradient(135deg,var(--info),#2f3cfa);border:1px solid #3742fa;border:1px solid var(--info);color:#fff;color:var(--text-primary)}.btn-info:hover{background:linear-gradient(135deg,#2f3cfa,#3742fa);background:linear-gradient(135deg,#2f3cfa,var(--info));box-shadow:0 4px 12px #3742fa66}.btn-danger{background:linear-gradient(135deg,#ff4757,#e73c3c);background:linear-gradient(135deg,var(--error),#e73c3c);border:1px solid #ff4757;border:1px solid var(--error);color:#fff;color:var(--text-primary)}.btn-danger:hover{background:linear-gradient(135deg,#e73c3c,#ff4757);background:linear-gradient(135deg,#e73c3c,var(--error));box-shadow:0 4px 12px #ff475766}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #fff3;border:1px solid var(--border-secondary);color:#fff;color:var(--text-primary)}.btn-glass:hover{background:#ffffff1a;background:var(--bg-glass-hover);border-color:#00ff87;border-color:var(--epl-secondary)}.btn-group{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center;margin:1.5rem 0;margin:var(--space-lg) 0}.form-container{margin:0 auto;max-width:500px;padding:1.5rem;padding:var(--space-lg)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-label{color:#00ff87;color:var(--text-accent);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-input{background:#1a2332;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease-in-out;transition:all var(--transition-normal);width:100%}.form-input:focus{border-color:#00ff87;border-color:var(--epl-secondary);box-shadow:0 0 0 3px #00ff871a;outline:none}.form-input::placeholder{color:#8b9bb4;color:var(--text-muted)}.table{background:#1a2332;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);margin:1.5rem 0;margin:var(--space-lg) 0;overflow:hidden}.table table{border-collapse:collapse;width:100%}.table th{background:#38003c;background:var(--epl-primary);border-bottom:1px solid #fff3;border-bottom:1px solid var(--border-secondary);color:#fff;color:var(--text-primary);font-weight:600;padding:1rem;text-align:left}.table td{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-primary);color:#b8c5d1;color:var(--text-secondary);padding:1rem}.table a{border-bottom:1px dotted #fff3;color:#fff;color:var(--text-primary);text-decoration:none;transition:color .15s ease-in-out,border-color .15s ease-in-out;transition:color var(--transition-fast),border-color var(--transition-fast)}.table a:focus,.table a:hover{border-bottom-color:#00ff87;border-bottom-color:var(--text-accent);color:#00ff87;color:var(--text-accent)}.table tr:hover{background:#ffffff0d;background:var(--bg-glass)}.table tr:last-child td{border-bottom:none}.success-message{background:linear-gradient(135deg,#00ff871a,#00cc6a1a);border:1px solid #00ff87;border:1px solid var(--success);border-radius:.5rem;border-radius:var(--radius-md);color:#00ff87;color:var(--success)}.error-message,.success-message{font-weight:500;margin:1rem 0;margin:var(--space-md) 0;padding:1rem;padding:var(--space-md)}.error-message{background:linear-gradient(135deg,#ff47571a,#e73c3c1a);border:1px solid #ff4757;border:1px solid var(--error);border-radius:.5rem;border-radius:var(--radius-md);color:#ff4757;color:var(--error)}.warning-message{background:linear-gradient(135deg,#ffb81c1a,#e6a7001a);border:1px solid #ffb81c;border:1px solid var(--warning);border-radius:.5rem;border-radius:var(--radius-md);color:#ffb81c;color:var(--warning);font-weight:500;margin:1rem 0;margin:var(--space-md) 0;padding:1rem;padding:var(--space-md)}.loading{align-items:center;color:#00ff87;color:var(--text-accent);display:flex;font-size:1.125rem;font-weight:500;justify-content:center;padding:2rem;padding:var(--space-xl)}.loading:before{animation:spin 1s linear infinite;border:2px solid #ffffff1a;border-top:2px solid #00ff87;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--epl-secondary);content:"";height:20px;margin-right:1rem;margin-right:var(--space-md);width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:1rem;padding:var(--space-md)}.card{padding:1.5rem;padding:var(--space-lg)}.title{font-size:2rem}.btn-group{align-items:stretch;flex-direction:column}.btn{justify-content:center;width:100%}.card-header{flex-direction:column;text-align:center}.table{overflow-x:auto}.table td,.table th{font-size:.875rem;padding:.75rem .5rem}}@media (max-width:480px){.container{padding:.5rem;padding:var(--space-sm)}.card{padding:1rem;padding:var(--space-md)}.title{font-size:1.75rem}.subtitle{font-size:1rem}.btn{font-size:.875rem;padding:.625rem 1rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.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)}.gap-sm{gap:.5rem;gap:var(--space-sm)}.gap-md{gap:1rem;gap:var(--space-md)}.gap-lg{gap:1.5rem;gap:var(--space-lg)}.mt-sm{margin-top:.5rem;margin-top:var(--space-sm)}.mt-md{margin-top:1rem;margin-top:var(--space-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-lg)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}
/*# sourceMappingURL=main.c6ab3b0e.css.map*/