@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a2332;--burgundy:#8b1e3f;--white:#fff;--light-grey:#f8f9fa;--medium-grey:#6c757d;--dark-grey:#2c3e50;--success-green:#2d6a4f;--warning-yellow:#f4a261;--elimination-red:#8b1e3f;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-xxl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white);color:#6c757d;color:var(--medium-grey);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#1a2332;color:var(--navy);font-weight:700;line-height:1.2;margin-bottom:24px;margin-bottom:var(--space-md)}h1{font-size:56px}h2{font-size:40px}h3{font-size:32px}h3,h4{color:#2c3e50;color:var(--dark-grey);font-weight:600}h4{font-size:24px}p{font-size:18px;margin-bottom:16px;margin-bottom:var(--space-sm)}.btn{border-radius:var(--radius-sm);display:inline-block;font-family:Inter,sans-serif;font-weight:500;padding:12px 32px;text-align:center;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#c8102e,#a00d25);border:none;box-shadow:0 6px 20px #c8102e66;color:#fff;color:var(--white);letter-spacing:1px;text-transform:uppercase}.btn-primary:hover{background:linear-gradient(135deg,#a00d25,#c8102e);box-shadow:0 8px 28px #c8102e80;transform:translateY(-3px) scale(1.02)}.btn-secondary{background-color:#fff;background-color:var(--white);border:2px solid #1a2332;border:2px solid var(--navy);color:#1a2332;color:var(--navy)}.btn-secondary:hover{background-color:#f8f9fa;background-color:var(--light-grey)}.btn-danger{background-color:#8b1e3f;background-color:var(--burgundy);color:#fff;color:var(--white)}.btn-danger:hover{background-color:#6b1730}.btn-large{font-size:18px;font-weight:600;padding:16px 48px}.btn-huge{border:3px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #c8102e66;font-size:24px;font-weight:800;letter-spacing:1.5px;padding:28px 72px;text-transform:uppercase;transition:all .3s ease}.btn-huge:hover{box-shadow:0 15px 40px #c8102e80;transform:translateY(-4px) scale(1.03)}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;padding:24px;padding:var(--space-md);transition:all .2s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.container{margin:0 auto;max-width:1200px;padding:0 24px;padding:0 var(--space-md)}.section{padding:64px 0;padding:var(--space-xxl) 0}@media (max-width:768px){h1{font-size:40px}h2{font-size:32px}h3{font-size:24px}p{font-size:16px}.section{padding:48px 0;padding:var(--space-xl) 0}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.confirmation-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;padding:20px}.confirmation-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-btn{height:40px;width:40px}.close-btn:hover{background:#0000000d;color:var(--navy)}.modal-header{border-bottom:2px solid #f0f0f0;padding:32px 32px 24px}.modal-header h2{margin:0;text-align:center}.modal-content{padding:32px}.modal-crest{display:block;height:80px;margin:0 auto 16px;width:80px}.large-crest{height:120px;width:120px}.team-pick-name{color:var(--navy);font-size:32px;font-weight:800;line-height:1.2;margin:0 0 8px}.modal-opponent{font-weight:600;margin:0 0 16px}.modal-match-time{background:#1a23320d;border-radius:12px;display:flex;gap:16px;justify-content:center;margin-bottom:20px;padding:16px}.modal-match-time div{color:var(--navy);font-size:14px;font-weight:600}.matchday-badge-large{background:linear-gradient(135deg,var(--navy) 0,#2a3a52 100%);border-radius:50px;box-shadow:0 4px 12px #1a23324d;color:#fff;display:inline-block;font-size:16px;font-weight:800;letter-spacing:.5px;margin:8px 0 24px;padding:12px 32px}.info-box{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin:20px 0;padding:16px}.modal-warning{font-size:16px;margin:0}.success-box{background:#e7f5e9;border:2px solid #2d6a4f;border-radius:12px;color:#2d6a4f;font-size:16px;font-weight:600;margin:20px 0;padding:16px}.payment-options-preview{margin:24px 0}.funds-summary{background:#1a23320d;border-radius:12px;margin-bottom:16px;padding:20px}.fund-item{align-items:center;display:flex;font-size:16px;justify-content:space-between;padding:8px 0}.fund-item span{color:var(--medium-grey)}.fund-item strong{color:var(--navy);font-size:18px}.fund-item.total{border-top:2px solid #e0e0e0;font-weight:700;margin-top:8px;padding-top:16px}.fund-item.total span,.fund-item.total strong{font-size:18px;font-weight:800}.modal-actions{border-top:2px solid #f0f0f0;gap:12px;padding:24px 32px 32px}.modal-actions button{flex:1 1}.lock-in-button{background:linear-gradient(135deg,#c8102e,#a00d25)}.modal-footer-note{color:var(--medium-grey);font-size:13px;font-style:italic;margin:0;padding:0 32px 32px;text-align:center}.signup-payment-modal{max-width:700px}.pick-summary{align-items:center;background:#1a23320d;border-bottom:2px solid #f0f0f0;display:flex;gap:20px;padding:20px 32px}.pick-summary .modal-crest{height:60px;margin:0;width:60px}.pick-details{text-align:left}.pick-details h3{color:var(--navy);font-size:20px;font-weight:800;margin:0 0 4px}.pick-opponent{margin:0 0 8px}.pick-match-time{display:flex;gap:12px;margin-bottom:8px}.pick-match-time div{color:var(--medium-grey);font-size:12px;font-weight:600}.matchday-badge{font-size:12px;padding:4px 12px}.signup-form{padding:24px 32px 32px}.signup-form .form-group{margin-bottom:16px}.signup-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.signup-form label{color:var(--navy);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.signup-form input,.signup-form select{border:2px solid #e0e0e0;border-radius:8px;font-family:Inter,sans-serif;font-size:15px;padding:10px 14px;transition:all .2s ease;width:100%}.signup-form input:focus,.signup-form select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1a23321a;outline:none}.signup-form input.error,.signup-form select.error{border-color:#c8102e}.signup-form .error-text{color:#c8102e;display:block;font-size:12px;font-weight:500;margin-top:4px}.payment-step{padding:32px}.payment-info{margin-bottom:24px;text-align:center}.price-display{align-items:center;background:#1a23320d;border-radius:12px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:20px}.price-label{color:var(--medium-grey);font-size:18px;font-weight:600}.price-amount{color:var(--navy);font-size:32px;font-weight:800}.payment-note{color:var(--medium-grey);font-size:15px;margin:0}.paypal-buttons-container{margin:24px 0;min-height:60px}.payment-footer-note{color:var(--medium-grey);font-size:13px;font-style:italic;margin:24px 0 0;text-align:center}@media (max-width:768px){.confirmation-modal{max-height:95vh;max-width:95%}.modal-header{padding:24px 20px 16px}.modal-header h2{font-size:22px}.modal-content{padding:24px 20px}.team-pick-name{font-size:24px}.modal-opponent{font-size:16px}.modal-match-time{flex-direction:column;gap:8px}.modal-actions{flex-direction:column;padding:20px}.pick-summary{flex-direction:column;padding:16px}.pick-details,.pick-summary{text-align:center}.signup-form{padding:20px}.signup-form .form-row{grid-template-columns:1fr}.payment-step{padding:20px}.price-display{flex-direction:column;gap:4px}}.referral-input-section{background:linear-gradient(135deg,#c8102e0d,#c8102e05);border:2px dashed #c8102e4d;border-radius:12px;margin:24px 0;padding:20px}.referral-label{color:var(--navy);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.referral-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:1px;padding:12px 16px;text-transform:uppercase;transition:all .2s ease;width:100%}.referral-input:focus{border-color:#c8102e;box-shadow:0 0 0 3px #c8102e1a;outline:none}.referral-input:disabled{background:#f5f5f5;cursor:not-allowed}.referral-input::placeholder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:normal;text-transform:none}.referral-note{color:#16a34a;font-weight:500;line-height:1.4;margin-top:8px}.login-form,.register-form{margin:0 auto;max-width:600px;padding:32px}.login-form h2,.register-form h2{color:var(--navy);font-size:32px;margin-bottom:8px;text-align:center}.form-subtitle{color:var(--medium-grey);font-size:16px;margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:var(--navy);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:8px;font-family:Inter,sans-serif;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--navy);box-shadow:0 0 0 3px #1a23321a;outline:none}.form-group input.error,.form-group select.error{border-color:#c8102e}.error-text{color:#c8102e;display:block;font-size:13px;font-weight:500;margin-top:4px}.error-message.general-error{background:#fee;border:1px solid #c8102e;border-radius:8px;color:#c8102e}.error-message.general-error,.success-message{font-weight:500;margin-bottom:20px;padding:12px 16px;text-align:center}.success-message{background:#e7f5e9;border:1px solid #2d6a4f;border-radius:8px;color:#2d6a4f}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.switch-auth{color:var(--medium-grey);font-size:14px;margin-top:20px;text-align:center}.switch-auth button{background:none;border:none;color:var(--navy);cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.switch-auth button:hover{color:#c8102e}.divider{align-items:center;color:var(--medium-grey);display:flex;font-size:14px;font-weight:600;margin:24px 0;text-align:center}.divider:after,.divider:before{border-bottom:2px solid #e0e0e0;content:"";flex:1 1}.divider span{padding:0 16px}.btn-paypal{align-items:center;background:#0070ba;color:#fff;display:flex;gap:12px;justify-content:center;transition:all .2s ease}.btn-paypal:hover{background:#005ea6;transform:translateY(-2px)}.paypal-icon{font-size:20px}.paypal-login-section{display:flex;flex-direction:column;gap:20px}.paypal-instruction{color:var(--medium-grey);font-size:15px;line-height:1.5;text-align:center}.login-form .btn-primary,.register-form .btn-primary{background:linear-gradient(135deg,#c8102e,#a00d25);border:none;color:#fff!important}.login-form .btn-primary:disabled,.register-form .btn-primary:disabled{background:#ccc;color:#fff!important;cursor:not-allowed;opacity:.6}.login-note{color:var(--medium-grey);font-size:14px;line-height:1.5;margin-top:20px;text-align:center}.magic-link-sent{display:flex;flex-direction:column;gap:20px;text-align:center}.magic-link-sent h2{color:var(--navy);font-size:28px;margin-bottom:8px}.magic-link-sent .success-message p{color:#2d6a4f;margin:8px 0}.magic-link-sent .expiry-note{font-size:13px;font-style:italic;margin-top:12px}.dev-magic-link{background:#fff9e6;border:1px solid #ffc107;border-radius:8px;font-size:13px;padding:12px 16px;text-align:center}.dev-magic-link p{margin:4px 0}.dev-magic-link strong{color:#856404}.dev-magic-link a{color:#0070ba;font-weight:600;text-decoration:underline}.callback-page{align-items:center;background:linear-gradient(180deg,var(--light-grey) 0,var(--white) 100%);display:flex;justify-content:center;min-height:100vh}.callback-container{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:60px 40px;text-align:center;width:90%}.callback-spinner{margin-bottom:24px}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top:4px solid var(--navy);height:60px;margin:0 auto;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.callback-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.callback-icon.success{background:#d4edda;color:#155724}.callback-icon.error{background:#f8d7da;color:#721c24}.callback-container h2{color:var(--navy);font-size:28px;margin-bottom:12px}.callback-container p{color:var(--medium-grey);font-size:16px;line-height:1.5}@media (max-width:768px){.login-form,.register-form{padding:24px 16px}.form-row{grid-template-columns:1fr}}:root{--union-jack-red:#c8102e;--premier-league-purple:#3d195b}.landing-page{min-height:100vh;overflow-x:hidden}.hero{align-items:center;background:var(--white);color:var(--navy);display:flex;justify-content:center;min-height:85vh;overflow:hidden;padding:120px 0 80px;position:relative;text-align:center}.hero-background{background-color:#3d195b;background-color:var(--premier-league-purple);background-image:linear-gradient(90deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(0deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(90deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(0deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0),linear-gradient(-45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0);background-image:linear-gradient(90deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(0deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(90deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(0deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%),linear-gradient(-45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;bottom:0;left:0;opacity:.15;position:absolute;right:0;top:0;z-index:0}.hero-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.btn-login-fixed{background:#c8102e;background:var(--union-jack-red);border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:700;padding:12px 32px;position:fixed;right:24px;top:24px;transition:all .2s ease;z-index:1000}.btn-login-fixed:hover{background:#a00d25;box-shadow:0 6px 16px #c8102e4d;transform:translateY(-2px)}.logo{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:40px}.logo-icon{font-size:48px}.logo-text{color:var(--navy);font-size:28px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:var(--white);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:40px;position:relative;width:100%}.hero-title{color:var(--navy);font-size:72px;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:24px;text-transform:none}.hero-title-accent{color:#c8102e;color:var(--union-jack-red);display:inline-block;font-size:84px;font-weight:900;position:relative}.hero-subtitle{color:var(--navy);font-size:22px;font-weight:400;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8}.hero-stats{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.stats-row{display:flex;flex-wrap:wrap;gap:60px;justify-content:center}.stat{background:var(--white);border:3px solid #c8102e;border:3px solid var(--union-jack-red);border-radius:16px;box-shadow:0 8px 24px #c8102e26;padding:24px 40px;text-align:center;transition:all .3s ease}.stat:hover{box-shadow:0 12px 32px #c8102e40;transform:translateY(-4px)}.stat-value{color:#c8102e;color:var(--union-jack-red);font-size:56px;font-weight:900;line-height:1;margin-bottom:8px}.stat-label{color:var(--navy);font-weight:600;letter-spacing:2px}.hero-cta{margin-top:48px}.hero-note{color:var(--navy);font-size:15px;font-weight:400;margin-top:16px;opacity:.6}.email-signup{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 auto;max-width:550px}.email-input{background:var(--white);border:2px solid var(--navy);border-radius:12px;color:var(--navy);flex:1 1;font-family:Inter,sans-serif;font-size:16px;min-width:300px;padding:18px 24px;transition:all .3s ease}.email-input::placeholder{color:#1a233266}.email-input:focus{border-color:#c8102e;border-color:var(--union-jack-red);border-width:3px;box-shadow:0 8px 24px #c8102e33;outline:none;transform:translateY(-2px)}.team-selection-section{background:var(--white);overflow:hidden;padding:60px 0;position:relative}.team-selection-section:before{background-color:#3d195b;background-color:var(--premier-league-purple);background-image:linear-gradient(90deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(0deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(90deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(0deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0),linear-gradient(-45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0);background-image:linear-gradient(90deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(0deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(90deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(0deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%),linear-gradient(-45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%);background-position:50%;background-size:600px 600px;bottom:0;content:"";left:0;opacity:.06;pointer-events:none;position:absolute;right:0;top:0}.team-selection-section .container,.team-selection-section .matches-grid,.team-selection-section .section-title{position:relative;z-index:1}.team-selection-section .section-subtitle{color:var(--medium-grey);font-size:18px;font-weight:500;margin:-20px 0 32px;position:relative;text-align:center;z-index:1}.teams-showcase{background:var(--white);border-bottom:4px solid #c8102e;border-bottom:4px solid var(--union-jack-red);border-top:4px solid #c8102e;border-top:4px solid var(--union-jack-red);overflow:hidden;padding:40px 0;position:relative}.teams-showcase:before{background-color:#3d195b;background-color:var(--premier-league-purple);background-image:linear-gradient(90deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(0deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(90deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(0deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0),linear-gradient(-45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0);background-image:linear-gradient(90deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(0deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(90deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(0deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%),linear-gradient(-45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%);background-position:50%;background-size:600px 600px;bottom:0;content:"";left:0;opacity:.06;pointer-events:none;position:absolute;right:0;top:0}.teams-scroll{overflow:hidden;position:relative;width:100%}.teams-track{animation:scroll 30s linear infinite;display:flex;width:-webkit-fit-content;width:fit-content}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.team-badge{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;margin:0 20px;padding:20px;transition:transform .3s ease;width:120px}.team-badge:hover{transform:scale(1.2)}.team-badge img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:100%;object-fit:contain;width:100%}.how-it-works{background:linear-gradient(180deg,var(--light-grey) 0,var(--white) 100%);overflow:hidden;padding:80px 0;position:relative}.how-it-works:before{background-color:#3d195b;background-color:var(--premier-league-purple);background-image:linear-gradient(90deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(0deg,#0000 40%,#fff 0,#fff 60%,#0000 0),linear-gradient(90deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(0deg,#0000 45%,#c8102e 0,#c8102e 55%,#0000 0),linear-gradient(45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0),linear-gradient(-45deg,#0000 48%,#c8102e 0,#c8102e 52%,#0000 0);background-image:linear-gradient(90deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(0deg,#0000 40%,#fff 40%,#fff 60%,#0000 60%),linear-gradient(90deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(0deg,#0000 45%,var(--union-jack-red) 45%,var(--union-jack-red) 55%,#0000 55%),linear-gradient(45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%),linear-gradient(-45deg,#0000 48%,var(--union-jack-red) 48%,var(--union-jack-red) 52%,#0000 52%);background-position:50%;background-size:600px 600px;bottom:0;content:"";left:0;opacity:.06;pointer-events:none;position:absolute;right:0;top:0}.how-it-works h2{color:var(--navy);font-size:48px;font-weight:800;margin-bottom:60px;text-align:center}.how-it-works h2,.steps{position:relative;z-index:1}.steps{grid-gap:40px;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.step{align-items:center;background:var(--white);border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;flex-direction:column;min-width:280px;padding:40px 32px;text-align:center;transition:all .3s ease}.step:hover{border-color:#c8102e;border-color:var(--union-jack-red);box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.step h4{color:var(--navy);font-size:24px;font-weight:800;margin:0 0 16px}.step h4,.step p{text-align:center;width:100%}.step p{color:var(--medium-grey);font-size:16px;line-height:1.6;margin:0}.features{background:var(--navy);padding:80px 0;position:relative}.features h2{color:var(--white);font-size:48px;font-weight:800;margin-bottom:60px;text-align:center}.feature-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#c8102e;border-color:var(--union-jack-red);box-shadow:0 12px 32px #c8102e33;transform:translateY(-4px)}.feature-card h4{color:var(--white);font-size:32px;font-weight:700;margin-bottom:16px}.feature-card p{color:#fffc;font-size:16px;line-height:1.6}.cta-section{background:linear-gradient(135deg,#c8102e,#a00d25);background:linear-gradient(135deg,var(--union-jack-red) 0,#a00d25 100%);padding:80px 0}.cta-box{background:#fffffffa;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:0 auto;max-width:700px;padding:60px 40px;text-align:center}.cta-box h2{color:var(--navy);font-size:42px;font-weight:800;margin-bottom:16px}.cta-box p{color:var(--medium-grey);font-size:18px;margin-bottom:32px}.footer{background-color:#0a0f16;border-top:1px solid #c8102e4d;color:#fff9;padding:40px 0;text-align:center}.footer p{font-size:14px;margin-bottom:8px}.footer-links{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.footer-link{color:#fffc;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#c8102e;text-decoration:underline}.footer-divider{color:#ffffff4d;font-size:14px}@media (max-width:768px){.hero{min-height:auto;padding:80px 0 60px}.hero-title{font-size:48px}.hero-title-accent{font-size:56px}.hero-subtitle{font-size:18px}.hero-stats{gap:40px}.stat-value{font-size:42px}.email-signup{flex-direction:column;width:100%}.email-input{min-width:100%;width:100%}.btn-large{width:100%}.team-badge{height:80px;margin:0 12px;width:80px}.features h2,.how-it-works h2{font-size:36px}.feature-grid,.steps{grid-template-columns:1fr}.cta-box{padding:40px 24px}.cta-box h2{font-size:32px}}.team-selection{background-color:var(--light-grey);min-height:100vh}.selection-header{background-color:var(--navy);box-shadow:0 2px 8px #0000001a;color:var(--white);padding:var(--space-lg) 0}.header-content{align-items:flex-start;gap:var(--space-md)}.back-button{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;padding:10px 20px;transition:all .2s ease}.back-button:hover{background:#fff3;border-color:#ffffff80;transform:translateX(-2px)}.header-main{flex:1 1}.selection-header h1{color:var(--white);font-size:40px;margin-bottom:var(--space-sm)}.matchday-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.matchday-badge{background-color:var(--white);border-radius:var(--radius-sm);color:var(--navy);font-size:16px;font-weight:600;padding:8px 16px}.deadline{color:var(--light-grey);font-size:16px;font-weight:500}.countdown{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--union-jack-red) 0,#a00d25 100%);border-radius:6px;box-shadow:0 2px 8px #c8102e4d;color:var(--white);display:inline-block;font-size:18px;font-weight:700;margin-left:8px;padding:4px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.matches-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.match-card{background:var(--white);border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014;padding:16px}.match-date{margin-bottom:12px;text-align:center}.time-uk{color:var(--navy);font-size:14px;font-weight:600;margin-bottom:4px}.time-est{color:var(--medium-grey);font-size:13px;font-weight:500}.team-option{align-items:center;border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;margin-bottom:8px;padding:12px;position:relative;transition:all .2s ease}.team-option:hover:not(.used){background-color:var(--light-grey);border-color:var(--navy)}.team-option.selected{background-color:var(--navy);border-color:var(--navy)}.team-option.selected .team-label,.team-option.selected .team-name{color:var(--white)}.team-option.used{background-color:var(--light-grey);cursor:not-allowed;opacity:.5}.team-crest{height:40px;width:40px}.team-info{flex:1 1}.team-name{font-size:15px;font-weight:600;margin-bottom:2px}.team-label{color:var(--medium-grey);font-size:11px;font-weight:500;text-transform:uppercase}.used-badge{background-color:var(--elimination-red);border-radius:4px;color:var(--white);font-size:12px;font-weight:600;padding:4px 8px}.selected-check{align-items:center;background-color:var(--white);border-radius:50%;color:var(--navy);display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;width:28px}.vs{color:var(--medium-grey);font-size:14px;font-weight:600;padding:var(--space-xs) 0;text-align:center}.confirm-section{background-color:var(--white);border-top:2px solid var(--light-grey);bottom:0;box-shadow:0 -4px 16px #0000001a;left:0;padding:var(--space-lg);position:fixed;right:0;z-index:100}.confirm-box{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin:0 auto;max-width:600px}.confirm-box p{color:var(--dark-grey);font-size:18px;margin:0}.confirm-box strong{color:var(--navy);font-weight:700}.loading{color:var(--medium-grey);font-size:20px;padding:var(--space-xxl);text-align:center}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal{animation:slideUp .3s ease;background:var(--white);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid var(--light-grey);display:flex;justify-content:space-between;padding:var(--space-lg)}.modal-header h3{color:var(--navy);font-size:24px;font-weight:700;margin:0}.close-btn{background:none;font-size:32px;height:32px;padding:0;transition:color .2s ease;width:32px}.close-btn:hover{color:var(--union-jack-red)}.modal-content{padding:var(--space-xl);text-align:center}.modal-crest{height:120px;margin-bottom:var(--space-md);object-fit:contain;width:120px}.modal-content h2{color:var(--navy);font-size:28px;margin-bottom:var(--space-sm)}.modal-opponent{color:var(--medium-grey);font-size:18px;margin-bottom:var(--space-xs)}.modal-match-time{margin-bottom:var(--space-lg);text-align:center}.modal-match-time div{color:var(--dark-grey);font-size:15px;font-weight:500;margin:4px 0}.modal-match-time div:first-child{color:var(--navy);font-weight:600}.modal-warning{background-color:#fff3cd;border-radius:var(--radius-sm);color:#856404;font-size:14px;font-weight:600;padding:var(--space-sm)}.modal-actions{border-top:2px solid var(--light-grey);display:flex;gap:var(--space-sm);padding:var(--space-lg)}.modal-actions .btn{flex:1 1}.success-message{animation:fadeIn .3s ease;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.success-content{background:linear-gradient(135deg,#2d6a4f,#40916c);border-radius:24px;box-shadow:0 20px 60px #0000004d;color:var(--white);max-width:400px;padding:var(--space-xl);text-align:center}.success-icon{align-items:center;background-color:#fff3;border:3px solid #fff6;border-radius:50%;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto var(--space-md);width:80px}.success-content h3{color:var(--white);font-size:28px;margin-bottom:var(--space-sm)}.success-content p{color:#ffffffe6;font-size:16px;margin-bottom:var(--space-sm)}.success-note{color:#ffffffb3;font-size:14px;margin-bottom:0}@media (max-width:768px){.selection-header h1{font-size:32px}.matches-grid{gap:var(--space-md);grid-template-columns:1fr}.confirm-box{flex-direction:column;text-align:center}.confirm-box .btn{width:100%}.team-option{padding:var(--space-sm)}.team-crest{height:40px;width:40px}.team-name{font-size:14px}}.add-funds-modal{max-height:90vh;max-width:500px;overflow-y:auto}.modal-header{margin-bottom:32px;text-align:center}.modal-header h2{color:var(--navy);font-size:28px;font-weight:800;margin-bottom:8px}.amount-selection{display:flex;flex-direction:column;gap:24px}.amount-selection label{color:var(--navy);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.amount-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.amount-btn{background:var(--white);border:2px solid var(--light-grey);border-radius:12px;color:var(--navy);cursor:pointer;font-family:Inter,sans-serif;font-size:24px;font-weight:700;padding:20px;transition:all .2s ease}.amount-btn:hover{background:#c8102e0d;border-color:var(--union-jack-red)}.amount-btn.selected{background:linear-gradient(135deg,#c8102e1a,#c8102e0d);border-color:var(--union-jack-red);box-shadow:0 4px 12px #c8102e33}.custom-amount{display:flex;flex-direction:column;gap:12px}.amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{left:20px;pointer-events:none;position:absolute}.amount-input,.currency-symbol{color:var(--navy);font-size:24px;font-weight:700}.amount-input{border:2px solid var(--light-grey);border-radius:12px;font-family:Inter,sans-serif;padding:20px 20px 20px 48px;transition:all .2s ease;width:100%}.amount-input:focus{border-color:var(--union-jack-red);box-shadow:0 4px 12px #c8102e26;outline:none}.amount-input::placeholder{color:var(--light-grey)}.amount-limits{color:var(--medium-grey);font-size:13px;text-align:center}.paypal-section{display:flex;flex-direction:column;gap:24px}.payment-summary{background:var(--light-grey);border-left:4px solid var(--union-jack-red);border-radius:12px;padding:20px}.summary-row{align-items:center;display:flex;font-size:18px;justify-content:space-between;margin-bottom:8px}.summary-row strong{color:var(--union-jack-red);font-size:24px;font-weight:800}.summary-note{color:var(--medium-grey);font-size:13px;font-style:italic}.paypal-buttons-container{align-items:center;display:flex;justify-content:center;min-height:150px}.add-funds-modal .btn.btn-primary{background:linear-gradient(135deg,#c8102e,#a00d25)!important;border:none!important;color:#fff!important}.add-funds-modal .btn.btn-primary:hover{background:linear-gradient(135deg,#a00d25,#c8102e)!important}.add-funds-modal .btn.btn-primary:disabled{background:#ccc!important;color:#fff!important;cursor:not-allowed;opacity:.6}@media (max-width:768px){.add-funds-modal{max-width:100%;padding:24px}.amount-buttons{grid-template-columns:1fr}.modal-header h2{font-size:24px}}.balance-card{background:#fff;border:2px solid #f0f0f0;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:32px}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.balance-header h2{color:var(--navy);font-size:24px;font-weight:800;margin:0}.balance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr;margin-bottom:24px}.balance-item{align-items:center;background:#1a233208;border-radius:16px;display:flex;gap:16px;padding:24px;transition:all .3s ease}.balance-item:hover{background:#1a23320d;transform:translateY(-2px)}.balance-item.total-funds{align-items:center;background:linear-gradient(135deg,#1a2332,#2a3a52);color:#fff;flex-direction:column;grid-row:1/3;padding:32px;text-align:center}.balance-item.total-funds:hover{box-shadow:0 8px 24px #1a233233;transform:translateY(-4px)}.balance-item.total-funds .balance-label{color:#fffc;font-size:16px;margin-bottom:8px}.balance-item.total-funds .balance-amount{color:#fff;font-size:48px;font-weight:900;line-height:1;margin-bottom:8px}.balance-item.total-funds .balance-note{color:#fff9;font-size:13px}.balance-icon{align-items:center;background:#fff;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.balance-info{flex:1 1}.balance-label{color:var(--medium-grey);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.balance-amount{color:var(--navy);font-size:28px;font-weight:800;line-height:1;margin-bottom:2px}.balance-note{color:var(--medium-grey);font-size:12px;font-weight:500}.balance-explainer{background:#c8102e0d;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px 20px}.explainer-item{color:var(--navy);font-size:13px;line-height:1.5}.explainer-item strong{color:#c8102e;font-weight:700}@media (max-width:1024px){.balance-grid{grid-template-columns:1fr}.balance-item.total-funds{grid-row:auto}}@media (max-width:768px){.balance-card{padding:24px}.balance-header{align-items:flex-start;flex-direction:column;gap:16px}.balance-header h2{font-size:20px}.balance-item{padding:20px}.balance-item.total-funds{padding:28px}.balance-amount{font-size:24px}.balance-item.total-funds .balance-amount{font-size:40px}.balance-icon{font-size:24px;height:40px;width:40px}.balance-explainer{padding:14px 16px}}.my-picks{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.pick-card{border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.pick-card:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.pick-card.status-active{border-color:#2563eb}.pick-card.status-survived{border-color:#16a34a}.pick-card.status-eliminated{border-color:#dc2626}.pick-card.status-pending{border-color:#f59e0b}.pick-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.pick-pool-info{display:flex;flex-direction:column;gap:8px}.matchday-badge{background:var(--navy);border-radius:20px;color:#fff;font-size:13px;letter-spacing:.3px;padding:6px 14px}.matchday-badge,.status-badge{display:inline-block;font-weight:700}.status-badge{border-radius:16px;font-size:12px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.status-active{background:#dbeafe;color:#1e40af}.status-badge.status-survived{background:#dcfce7;color:#15803d}.status-badge.status-eliminated{background:#fee2e2;color:#991b1b}.status-badge.status-pending{background:#fef3c7;color:#92400e}.pick-entry-date{color:var(--medium-grey);font-size:12px;font-weight:500}.pick-content{align-items:center;display:flex;gap:16px;margin-bottom:20px}.pick-team-crest{flex-shrink:0}.pick-team-name{color:var(--navy);font-size:18px;font-weight:800;margin-bottom:4px}.pick-opponent{color:var(--medium-grey);font-size:14px;font-weight:600;margin-bottom:4px}.pick-matchday{color:var(--medium-grey);font-size:12px;font-weight:500}.pick-result{flex-shrink:0}.result-badge{border-radius:12px;font-size:14px;font-weight:700;padding:8px 16px;white-space:nowrap}.result-badge.win{background:#dcfce7;color:#15803d}.result-badge.loss{background:#fee2e2;color:#991b1b}.result-badge.draw{background:#fef3c7;color:#92400e}.result-badge.pending{background:#e0e0e0;color:var(--navy)}.pick-footer{border-top:2px solid #f0f0f0;padding-top:16px}.teams-used{display:flex;flex-direction:column;gap:8px}.teams-used-label{color:var(--medium-grey);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.teams-used-crests{align-items:center;display:flex;gap:8px}.used-team-crest{height:32px;object-fit:contain;opacity:.5;transition:all .2s ease;width:32px}.used-team-crest:hover{opacity:1;transform:scale(1.1)}.more-teams{background:#0000000d;border-radius:8px;color:var(--medium-grey);font-size:12px;font-weight:700;padding:4px 8px}@media (max-width:768px){.my-picks{grid-template-columns:1fr}.pick-card{padding:20px}.pick-content{gap:12px}.pick-team-crest{height:50px;width:50px}.pick-team-name{font-size:16px}.pick-opponent{font-size:13px}}.future-matchweeks{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.matchweek-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.matchweek-card:before{background:linear-gradient(90deg,#c8102e 0,var(--navy) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.matchweek-card:hover{border-color:var(--navy);box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.matchweek-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.matchweek-number{color:var(--navy);font-size:22px;font-weight:800;margin-bottom:6px}.matchweek-deadline{background:#fef3c7;border-radius:12px;color:#f59e0b;display:inline-block;font-size:13px;font-weight:600;padding:4px 10px}.matchweek-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-item{text-align:center}.stat-label{font-size:11px;margin-bottom:4px}.stat-value{color:var(--navy);font-size:18px;font-weight:800}.matchweek-actions{align-items:center;border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:space-between;padding-top:16px}.entry-fee{color:#16a34a;font-size:18px;font-weight:800}.matchweek-actions .btn{flex:1 1;font-size:14px;font-weight:700;padding:12px 20px}.matchweek-actions .btn:disabled{cursor:not-allowed;opacity:.5}.insufficient-funds-note{background:#fee2e2;border-radius:8px;color:#991b1b;font-size:12px;font-weight:600;margin-top:12px;padding:8px 12px;text-align:center}.future-matchweeks .loading{color:var(--medium-grey);font-size:16px;grid-column:1/-1;padding:40px 20px;text-align:center}@media (max-width:768px){.future-matchweeks{grid-template-columns:1fr}.matchweek-card{padding:20px}.matchweek-number{font-size:20px}.matchweek-stats{gap:12px}.stat-value{font-size:16px}.matchweek-actions{align-items:stretch;flex-direction:column}.entry-fee{text-align:center}}.referral-component.massive{background:linear-gradient(135deg,#c8102e,#8b1e3f);border-radius:24px;box-shadow:0 12px 40px #c8102e4d;color:#fff;overflow:hidden;padding:48px;position:relative}.referral-component.massive:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:500px}.referral-hero{margin-bottom:40px;position:relative;text-align:center;z-index:1}.referral-hero-content{margin:0 auto;max-width:600px}.referral-icon{font-size:80px;margin-bottom:16px}.referral-title{color:#fff;font-size:48px;font-weight:900;letter-spacing:-1px;margin:0 0 16px;text-shadow:0 4px 12px #0003}.referral-subtitle{color:#fff;font-size:24px;font-weight:700;line-height:1.5;margin:0;text-shadow:0 2px 8px #0000004d}.referral-link-section{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;margin-bottom:32px;padding:32px}.referral-link-header{margin-bottom:24px;text-align:center}.referral-link-header h3{color:var(--navy);font-size:24px;font-weight:800;margin:0 0 8px}.referral-link-header p{color:var(--medium-grey);font-size:15px;margin:0}.referral-link-box{gap:12px;margin-bottom:16px}.referral-link-input{background:#1a233208;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;font-weight:600;padding:16px 20px}.btn-copy{background:var(--navy);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px 32px;transition:all .3s ease;white-space:nowrap}.btn-copy:hover{background:#2a3a52;box-shadow:0 4px 12px #1a23324d;transform:translateY(-2px)}.btn-copy.copied{background:#16a34a}.referral-code-display{background:#c8102e0d;border:2px dashed #c8102e;border-radius:12px;padding:16px;text-align:center}.code-label{color:var(--medium-grey);font-size:14px;font-weight:600;margin-right:8px}.code-value{color:#c8102e;font-family:Courier New,monospace;font-size:20px;font-weight:800;letter-spacing:2px}.referral-share-section{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000026;margin-bottom:32px;padding:32px}.referral-share-section h3{color:var(--navy);font-size:22px;font-weight:800;margin:0 0 24px;text-align:center}.share-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.share-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease}.share-btn:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.share-btn svg{height:20px;width:20px}.share-btn.twitter{background:#1da1f2;color:#fff}.share-btn.whatsapp{background:#25d366;color:#fff}.share-btn.email{background:var(--navy);color:#fff}.referral-stats-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:20px;margin-bottom:32px;padding:32px}.referral-stats-section h3{color:#fff;font-size:22px;font-weight:800;margin:0 0 24px;text-align:center;text-shadow:0 2px 8px #0003}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-box{background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:24px;text-align:center;transition:all .3s ease}.stat-box:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}.stat-box.earned{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.stat-box.pending{background:linear-gradient(135deg,#fef3c7,#fde68a)}.stat-icon{font-size:40px;margin-bottom:12px}.stat-number{font-size:36px;margin-bottom:4px}.stat-label{font-size:13px}.referral-how-it-works{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:20px;padding:32px}.referral-how-it-works h3{color:#fff;font-size:22px;font-weight:800;margin:0 0 32px;text-align:center;text-shadow:0 2px 8px #0003}.steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#c8102e;display:flex;flex-shrink:0;font-size:24px;font-weight:900;height:48px;justify-content:center;width:48px}.step-content h4{color:#fff;font-size:18px;font-weight:800;margin:0 0 8px;text-shadow:0 2px 4px #0003}.step-content p{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0}@media (max-width:1024px){.referral-component.massive{padding:40px 32px}.referral-title{font-size:40px}.referral-subtitle{font-size:18px}}@media (max-width:768px){.referral-component.massive{padding:32px 24px}.referral-icon{font-size:60px}.referral-title{font-size:32px}.referral-subtitle{font-size:16px}.referral-how-it-works,.referral-link-section,.referral-share-section,.referral-stats-section{padding:24px}.referral-link-box{flex-direction:column}.btn-copy{width:100%}.share-buttons,.stats-grid,.steps{grid-template-columns:1fr}.stat-number{font-size:32px}}.referral-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-md);position:fixed;right:0;top:0;z-index:2000}.referral-modal{animation:slideUp .3s ease;background:var(--white);border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:420px;overflow-y:auto;position:relative;width:100%}.referral-content{padding:32px 28px;text-align:center}.referral-icon{animation:bounce 1s ease infinite;font-size:48px;margin-bottom:12px}.close-btn{align-items:center;background:#0000000d;border:none;border-radius:50%;color:var(--medium-grey);cursor:pointer;display:flex;font-size:28px;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.close-btn:hover{background:#0000001a;transform:scale(1.1)}.referral-content h2{color:var(--navy);font-size:26px;font-weight:800;margin-bottom:8px}.referral-subtitle{color:#374151;font-size:15px;font-weight:600;margin-bottom:24px}.referral-incentive{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--union-jack-red);border-radius:12px;display:flex;gap:16px;justify-content:center;margin-bottom:24px;padding:20px}.incentive-item{align-items:center;display:flex;flex:1 1;gap:var(--space-sm)}.incentive-icon{font-size:28px}.incentive-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.incentive-text strong{color:var(--navy);display:block;font-size:15px;font-weight:700;margin-bottom:2px}.incentive-text span{color:var(--medium-grey);font-size:12px;font-weight:500}.incentive-divider{color:var(--union-jack-red);font-size:20px;font-weight:700;padding:0 8px}.referral-code-section{margin-bottom:20px}.referral-code-section label{color:var(--navy);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.referral-code-display{background:var(--navy);border-radius:10px;color:var(--white);font-family:Courier New,monospace;font-size:22px;font-weight:900;letter-spacing:2px;padding:12px}.referral-link-section{margin-bottom:20px}.referral-link-section label{color:var(--navy);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.referral-link-box{align-items:center;display:flex;gap:8px}.referral-link-input{background:var(--light-grey);border:2px solid var(--light-grey);border-radius:8px;color:var(--navy);flex:1 1;font-family:Courier New,monospace;font-size:13px;padding:10px 12px}.copy-btn{background:var(--union-jack-red);border:none;border-radius:8px;color:var(--white);cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:700;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#a00d25;box-shadow:0 4px 12px #c8102e4d;transform:translateY(-2px)}.copy-btn.copied{background:#2d6a4f}.referral-note{color:var(--medium-grey);font-size:13px;line-height:1.5;margin-bottom:20px}.referral-content .btn-large{font-size:15px;margin-top:16px;padding:14px;width:100%}@media (max-width:768px){.referral-modal{margin:var(--space-md);max-width:100%}.referral-content{padding:var(--space-lg)}.referral-content h2{font-size:24px}.referral-incentive{flex-direction:column;gap:var(--space-sm)}.incentive-divider{transform:rotate(90deg)}.incentive-item{justify-content:center;width:100%}.referral-code-display{font-size:20px;letter-spacing:2px}.referral-link-box{flex-direction:column}.copy-btn{width:100%}}.dashboard{background:linear-gradient(135deg,#f5f7fa,#e8ecf0);min-height:100vh}.dashboard-header{background:#fff;border-bottom:2px solid #e0e0e0;box-shadow:0 2px 8px #0000000d;padding:24px 0}.dashboard-header .header-content{align-items:center;display:flex;justify-content:space-between}.dashboard-header h1{color:#c8102e!important;font-size:28px;font-weight:800;margin:0}.welcome-text{color:var(--medium-grey);font-size:16px;font-weight:500;margin:0}.header-right{align-items:center;display:flex;gap:12px}.dashboard-content{padding:32px 0}.dashboard-section{margin-bottom:40px}.section-title{color:var(--navy);font-size:24px;font-weight:800;margin:0 0 20px}.referral-section{margin:60px 0}.dashboard .loading{color:var(--medium-grey);font-size:18px}.dashboard .loading,.empty-state{padding:60px 20px;text-align:center}.empty-state{background:#fff;border:2px dashed #e0e0e0;border-radius:16px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--navy);font-size:22px;margin:0 0 8px}.empty-state p{color:var(--medium-grey);font-size:16px;margin:0 0 24px}@media (max-width:768px){.dashboard-header{padding:16px 0}.dashboard-header .header-content{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-header h1{font-size:24px}.welcome-text{font-size:14px}.dashboard-content{padding:24px 0}.dashboard-section{margin-bottom:32px}.section-title{font-size:20px}.referral-section{margin:40px 0}}.upcoming-matches-alert{background:linear-gradient(135deg,#c8102e,#a00d25);border-radius:16px;box-shadow:0 4px 16px #c8102e4d;color:#fff;padding:24px}.upcoming-matches-alert .alert-header{margin-bottom:20px}.upcoming-matches-alert h3{color:#fff;font-size:22px;font-weight:800;margin:0 0 8px}.upcoming-matches-alert .deadline{font-size:14px;font-weight:500;margin:0;opacity:.9}.upcoming-matches-alert .alert-content{display:flex;flex-direction:column;gap:16px}.upcoming-matches-alert .active-entries-count{font-size:16px;font-weight:600;margin:0}.upcoming-matches-alert .matches-preview{background:#ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.upcoming-matches-alert .match-preview{align-items:center;display:flex;gap:12px;justify-content:space-between}.upcoming-matches-alert .match-preview .team{align-items:center;display:flex;flex:1 1;gap:8px}.upcoming-matches-alert .match-preview .team img{height:24px;object-fit:contain;width:24px}.upcoming-matches-alert .match-preview .team span{font-size:14px;font-weight:600}.upcoming-matches-alert .match-preview .vs{font-size:12px;font-weight:500;opacity:.7}.upcoming-matches-alert .more-matches{font-size:13px;margin:8px 0 0;opacity:.8;text-align:center}.upcoming-matches-alert .make-picks-btn{background:#fff;border:none;color:#c8102e;font-size:16px;font-weight:700;padding:14px 24px;transition:all .2s ease}.upcoming-matches-alert .make-picks-btn:hover{background:#f0f0f0;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.upcoming-matches-alert{padding:20px}.upcoming-matches-alert h3{font-size:18px}.upcoming-matches-alert .match-preview .team span{font-size:13px}.upcoming-matches-alert .match-preview .team img{height:20px;width:20px}}.pool-details{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:100vh}.pool-header{background:linear-gradient(135deg,var(--navy) 0,#2a3a52 100%);box-shadow:0 4px 20px #0000001a;color:#fff;padding:32px 0}.btn-back{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:24px;padding:12px 24px;transition:all .3s ease}.btn-back:hover{background:#ffffff40;transform:translateX(-4px)}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.header-left h1{color:#fff;font-size:48px;font-weight:900;margin:0 0 16px;text-shadow:0 2px 8px #0003}.status-badge-large{align-items:center;border-radius:100px;display:inline-flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase}.status-badge-large.badge-active{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #16a34a4d}.status-badge-large.badge-eliminated{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.status-badge-large.badge-winner{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.badge-icon{font-size:20px}.entry-info{background:#ffffff1a;border:2px solid #fff3;border-radius:12px;padding:16px 24px}.entry-label{color:#fff;font-size:18px;font-weight:700}.pool-content{padding:40px 20px}.prize-pool-hero{background:linear-gradient(135deg,var(--union-jack-red) 0,#8b1e3f 100%);border-radius:24px;box-shadow:0 12px 40px #c8102e4d;color:#fff;padding:48px;text-align:center}.prize-main,.prize-pool-hero{margin-bottom:32px}.prize-icon{animation:bounce 2s infinite;font-size:64px;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.prize-amount{color:#fff;font-size:72px;font-weight:900;line-height:1;margin-bottom:8px;text-shadow:0 4px 16px #0000004d}.prize-label{color:#fffffff2;font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.prize-breakdown{border-top:2px solid #fff3;display:flex;flex-wrap:wrap;gap:48px;justify-content:center;padding-top:32px}.breakdown-item{display:flex;flex-direction:column;gap:8px}.breakdown-label{color:#fffc;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.breakdown-value{color:#fff;font-size:24px;font-weight:900}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:32px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-card.highlight{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--union-jack-red)}.stat-icon{font-size:48px;margin-bottom:16px}.stat-number{color:var(--navy);font-size:48px;font-weight:900;line-height:1;margin-bottom:8px}.stat-label{color:var(--medium-grey);font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pool-content h2{color:var(--navy);font-size:28px;font-weight:800;margin:0 0 8px}.section-subtitle{color:var(--medium-grey);font-size:16px;margin:0 0 24px}.your-pick-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;margin-bottom:32px;padding:32px}.your-pick-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid var(--union-jack-red);border-radius:16px;padding:24px}.pick-team{flex:1 1}.your-pick-card .team-name{color:var(--navy);font-size:32px;font-weight:900;margin-bottom:4px}.pick-meta{color:var(--medium-grey);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pick-result{border-radius:100px;font-size:16px;font-weight:700;padding:12px 24px;white-space:nowrap}.pick-result.result-pending{background:#fef3c7;color:#92400e}.pick-result.result-win{background:#dcfce7;color:#166534}.pick-result.result-loss{background:#fee2e2;color:#991b1b}.pick-result.result-draw{background:#f3f4f6;color:#374151}.pick-distribution-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;margin-bottom:32px;padding:32px}.distribution-list{display:flex;flex-direction:column;gap:16px}.distribution-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.distribution-item:hover{background:#f3f4f6;transform:translateX(4px)}.distribution-item.my-pick{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;box-shadow:0 4px 12px #f59e0b33}.item-rank{align-items:center;background:var(--navy);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:900;height:48px;justify-content:center;width:48px}.distribution-item.my-pick .item-rank{background:#f59e0b}.item-content{flex:1 1;min-width:0}.item-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.item-team{color:var(--navy);font-size:18px;font-weight:700}.my-pick-badge{background:#f59e0b;border-radius:100px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.item-bar-container{background:#e5e7eb;border-radius:100px;height:8px;overflow:hidden;width:100%}.item-bar{background:linear-gradient(90deg,var(--union-jack-red) 0,#8b1e3f 100%);border-radius:100px;height:100%;transition:width .5s ease}.distribution-item.my-pick .item-bar{background:linear-gradient(90deg,#f59e0b,#d97706)}.item-stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.item-percentage{color:var(--navy);font-size:24px;font-weight:900}.item-count{color:var(--medium-grey);font-size:13px;font-weight:600;text-transform:uppercase}.pick-history-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:32px}.picks-timeline{display:flex;flex-direction:column;gap:24px;padding-left:40px;position:relative}.picks-timeline:before{background:linear-gradient(180deg,var(--union-jack-red) 0,#8b1e3f 100%);border-radius:100px;bottom:0;content:"";left:15px;position:absolute;top:0;width:3px}.timeline-item{align-items:center;display:flex;gap:16px;position:relative}.timeline-item:before{background:#fff;border:4px solid var(--union-jack-red);border-radius:50%;content:"";height:16px;left:-31px;position:absolute;width:16px;z-index:1}.timeline-week{color:var(--medium-grey);font-size:14px;font-weight:700;letter-spacing:.5px;min-width:80px;text-transform:uppercase}.timeline-content{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex:1 1;gap:16px;justify-content:space-between;padding:16px 20px}.timeline-team{color:var(--navy);font-size:18px;font-weight:700}.timeline-result{border-radius:100px;font-size:14px;font-weight:700;padding:8px 16px;white-space:nowrap}.timeline-result.result-pending{background:#fef3c7;color:#92400e}.timeline-result.result-win{background:#dcfce7;color:#166534}.timeline-result.result-loss{background:#fee2e2;color:#991b1b}.timeline-result.result-draw{background:#f3f4f6;color:#374151}.error,.loading{color:var(--medium-grey);font-size:18px;padding:60px 20px;text-align:center}.error{color:var(--union-jack-red)}@media (max-width:768px){.pool-header{padding:24px 0}.header-left h1{font-size:32px}.prize-pool-hero{padding:32px 24px}.prize-amount{font-size:56px}.prize-breakdown{gap:24px}.your-pick-card{align-items:flex-start;flex-direction:column;gap:16px}.your-pick-card .team-name{font-size:24px}.distribution-item{flex-wrap:wrap}.item-stats{flex-direction:row;gap:12px}.picks-timeline{padding-left:32px}.timeline-content,.timeline-item{align-items:flex-start;flex-direction:column}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{margin:0}.your-pick-card{justify-content:space-between}.pick-team,.your-pick-card{align-items:center;display:flex}.pick-team{gap:16px}.pick-team-crest{height:60px;object-fit:contain;width:60px}.pick-team-info{display:flex;flex-direction:column}.edit-notice{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;color:#92400e}.deadline-notice,.edit-notice{border-radius:8px;font-size:14px;font-weight:600;margin-top:16px;padding:12px 20px}.deadline-notice{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626;color:#991b1b}.edit-pick-modal{max-height:85vh;max-width:900px;overflow-y:auto}.modal-subtitle{color:var(--medium-grey);font-size:15px;margin-bottom:24px;text-align:center}.edit-pick-modal .matches-grid{display:flex;flex-direction:column;gap:16px}.edit-pick-modal .match-card{background:var(--light-grey);border:2px solid #0000;border-radius:12px;padding:16px;transition:all .2s ease}.edit-pick-modal .match-date{color:var(--medium-grey);font-size:13px;font-weight:600;margin-bottom:12px;text-align:center}.edit-pick-modal .team-option{border-radius:8px;cursor:pointer;padding:12px;position:relative;transition:all .2s ease}.edit-pick-modal .team-option:hover:not(.used){background:#c8102e1a;border-color:var(--union-jack-red)}.edit-pick-modal .team-option.used{cursor:not-allowed;opacity:.4}.edit-pick-modal .team-option.current{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.edit-pick-modal .vs{color:var(--medium-grey);font-size:14px;font-weight:700;margin:8px 0;text-align:center}.current-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:8px;text-transform:uppercase;top:8px}@media (max-width:768px){.section-header{align-items:flex-start;flex-direction:column;gap:12px}.edit-pick-modal{max-width:100%;padding:24px}}.legal-page{background:linear-gradient(180deg,var(--light-grey) 0,var(--white) 100%);min-height:100vh;padding:80px 20px 40px}.legal-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:0 auto;max-width:900px;padding:60px}.legal-container h1{color:var(--navy);font-size:42px;font-weight:800;margin-bottom:8px;text-align:center}.last-updated{color:var(--medium-grey);font-size:14px;font-style:italic;text-align:center}.last-updated,.legal-container section{margin-bottom:40px}.legal-container section:last-child{margin-bottom:0}.legal-container h2{border-top:2px solid #f0f0f0;color:var(--navy);font-size:28px;font-weight:700;margin-bottom:16px;margin-top:40px;padding-top:24px}.legal-container section:first-of-type h2{border-top:none;margin-top:0;padding-top:0}.legal-container h3{color:var(--navy);font-size:20px;font-weight:700;margin-bottom:12px;margin-top:24px}.legal-container p{color:#4a5568;font-size:16px;line-height:1.8;margin-bottom:16px}.legal-container ul{margin:16px 0 16px 24px;padding:0}.legal-container li{color:#4a5568;font-size:16px;line-height:1.8;margin-bottom:8px}.legal-container li strong{color:var(--navy);font-weight:600}.legal-container a{color:#c8102e;text-decoration:underline}.legal-container a:hover{color:#a00d25}@media (max-width:768px){.legal-page{padding:60px 16px 24px}.legal-container{padding:32px 24px}.legal-container h1{font-size:32px}.legal-container h2{font-size:24px}.legal-container h3{font-size:18px}.legal-container li,.legal-container p{font-size:15px}}.admin-panel{background:linear-gradient(135deg,#f5f7fa,#e8ecf0);min-height:100vh;padding:40px 0}.admin-header{margin-bottom:40px;text-align:center}.admin-header h1{color:var(--navy);font-size:32px;font-weight:800;margin-bottom:8px}.admin-header p{color:var(--medium-grey);font-size:16px}.loading,.no-picks{color:var(--medium-grey);font-size:18px;padding:60px 20px;text-align:center}.batch-actions{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.admin-panel .btn-primary{background:var(--red);color:#fff}.admin-panel .btn-primary:hover{background:#a00d25;box-shadow:0 4px 12px #c8102e4d;transform:translateY(-2px)}.admin-panel .btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.admin-panel .btn-secondary{background:#fff;border:2px solid var(--navy);color:var(--navy)}.admin-panel .btn-secondary:hover{background:var(--navy);color:#fff}.gameweek-section{margin-bottom:40px}.gameweek-header{background:#fff;border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;padding:20px}.gameweek-header h2{color:var(--navy);font-size:24px;font-weight:700;margin:0}.picks-grid{grid-gap:16px;display:grid;gap:16px}.pick-card{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:16px;padding:24px}.pick-card:not(:last-child){border-bottom:1px solid #e0e0e0;border-radius:0}.pick-card:last-child{border-radius:0 0 12px 12px}.pick-info{align-items:center;display:flex;gap:16px}.team-crest{height:48px;object-fit:contain;width:48px}.pick-details{flex:1 1}.user-info{color:var(--medium-grey);font-size:14px;margin-bottom:4px}.team-name{color:var(--navy);font-size:18px;font-weight:700}.match-info{color:var(--medium-grey);font-size:14px;margin-top:4px}.result-selector{align-items:center;display:flex;gap:12px}.result-option{align-items:center;display:flex;gap:8px}.result-option input[type=radio]{cursor:pointer;height:18px;width:18px}.result-label{cursor:pointer;font-size:16px;font-weight:600}.result-label.win{color:#10b981}.result-label.draw{color:#f59e0b}.result-label.loss{color:#ef4444}.pick-actions{display:flex;gap:12px}.pick-actions .btn{flex:1 1;font-size:14px;padding:10px 16px}@media (max-width:768px){.admin-header h1{font-size:24px}.batch-actions{flex-direction:column}.pick-info,.result-selector{align-items:flex-start;flex-direction:column}.result-selector{gap:8px}.pick-actions{flex-direction:column}}.App{text-align:center}.loading-screen{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf0);display:flex;justify-content:center;min-height:100vh}.loading-screen .loading{color:var(--navy);font-size:24px;font-weight:600}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}