.btn{padding:12px 24px;border-radius:8px;font-weight:500;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-black);color:var(--primary-white);border:2px solid var(--primary-black)}.btn-primary:hover:not(:disabled){background-color:var(--primary-white);color:var(--primary-black)}.btn-secondary{background-color:var(--primary-white);color:var(--primary-black);border:2px solid var(--primary-black)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-black);color:var(--primary-white)}.btn-success{background-color:var(--accent-green);color:var(--primary-white);border:2px solid var(--accent-green)}.btn-success:hover:not(:disabled){background-color:var(--primary-white);color:var(--accent-green);border-color:var(--accent-green)}.btn-danger{background-color:var(--accent-red);color:var(--primary-white);border:2px solid var(--accent-red)}.btn-danger:hover:not(:disabled){background-color:var(--primary-white);color:var(--accent-red);border-color:var(--accent-red)}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-md{padding:12px 24px;font-size:1rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.input-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-label{font-weight:500;font-size:.95rem;color:var(--text-dark)}.input{padding:12px 14px;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;color:var(--text-dark);background-color:var(--primary-white);transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary-black);box-shadow:0 0 0 3px #0000001a}.input:disabled{background-color:var(--secondary-gray);cursor:not-allowed;opacity:.6}.input-error{color:var(--accent-red);font-size:.85rem;font-weight:500}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000,#1a1a1a);animation:fadeIn .6s ease-in}.auth-card{background:var(--primary-white);border-radius:16px;padding:48px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;border:1px solid var(--border-light)}.auth-header{margin-bottom:32px;text-align:center}.auth-title{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--text-dark)}.auth-subtitle{color:var(--text-light);font-size:1rem}.auth-error{background-color:#fee2e2;color:var(--accent-red);padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem;border-left:4px solid var(--accent-red)}.auth-form{margin-bottom:24px}.auth-submit{width:100%;font-weight:600;letter-spacing:.5px}.auth-toggle{text-align:center;color:var(--text-light);font-size:.95rem}.auth-toggle-btn{background:none;border:none;color:var(--primary-black);font-weight:600;cursor:pointer;padding:0;transition:all .3s ease}.auth-toggle-btn:hover{text-decoration:underline}@media (max-width: 480px){.auth-card{padding:32px 24px}.auth-title{font-size:1.75rem}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#fff)}.dashboard-content{max-width:1400px;margin:0 auto;padding:40px 20px}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#fff)}.loading-spinner{width:50px;height:50px;border:3px solid var(--border-light);border-top:3px solid var(--primary-black);border-radius:50%}.dashboard-header{margin-bottom:40px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:20px}.header-top h1{font-size:2.5rem;font-weight:700;color:var(--text-dark)}.header-actions{display:flex;gap:12px}.subscription-badge{padding:12px 16px;border-radius:8px;font-weight:500;font-size:.95rem;animation:slideInDown .5s ease}.subscription-badge.active{background-color:#d1fae5;color:#065f46;border-left:4px solid var(--accent-green)}.subscription-badge.inactive{background-color:#fee2e2;color:#991b1b;border-left:4px solid var(--accent-red)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-light);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.stat-card.win{border-left:4px solid var(--accent-green)}.stat-card.loss{border-left:4px solid var(--accent-red)}.stat-icon{font-size:2.5rem;min-width:60px;display:flex;align-items:center;justify-content:center}.stat-content h3{font-size:.95rem;font-weight:500;color:var(--text-light);margin-bottom:4px}.stat-value{font-size:2rem;font-weight:700;color:var(--text-dark)}.tabs{display:flex;gap:12px;margin-bottom:30px;border-bottom:2px solid var(--border-light)}.tab{padding:12px 24px;border:none;background:none;font-size:1rem;font-weight:500;color:var(--text-light);cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab:hover{color:var(--text-dark)}.tab.active{color:var(--primary-black);border-bottom-color:var(--primary-black)}.no-subscription{background:#fff;padding:60px 40px;border-radius:12px;text-align:center;box-shadow:0 4px 12px #00000014}.no-subscription h2{margin-bottom:20px;color:var(--text-dark)}@media (max-width: 768px){.header-top{flex-direction:column;align-items:flex-start}.header-top h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.dashboard-content{padding:20px}}.navbar{background:var(--primary-white);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000014}.navbar-container{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--primary-black);cursor:pointer;transition:all .3s ease}.navbar-logo:hover{transform:scale(1.05)}.nav-links{display:flex;align-items:center;gap:30px;list-style:none}.nav-links a{color:var(--text-dark);font-weight:500;font-size:.95rem;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--text-light)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-black);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-user-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.user-email{font-size:.9rem;color:var(--text-dark);font-weight:500}.subscription-status{font-size:.85rem;color:var(--accent-green);font-weight:600}.logout-btn{padding:8px 16px;background:var(--primary-black);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:var(--text-dark);transform:scale(1.02)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:6px}.hamburger span{width:25px;height:3px;background:var(--primary-black);border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:fixed;right:0;top:70px;flex-direction:column;gap:20px;background:#fff;padding:30px;width:250px;height:calc(100vh - 70px);box-shadow:-2px 0 8px #0000001a;transform:translate(100%);transition:transform .3s ease}.nav-links.active{transform:translate(0)}.nav-user-info{border-top:1px solid var(--border-light);padding-top:20px}}.textarea-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.textarea-label{font-weight:500;font-size:.95rem;color:var(--text-dark)}.textarea{padding:12px 14px;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;color:var(--text-dark);background-color:var(--primary-white);font-family:inherit;resize:vertical;transition:all .3s ease;line-height:1.5}.textarea:focus{outline:none;border-color:var(--primary-black);box-shadow:0 0 0 3px #0000001a}.textarea:disabled{background-color:var(--secondary-gray);cursor:not-allowed;opacity:.6}.textarea-error{color:var(--accent-red);font-size:.85rem;font-weight:500}.picks-container{animation:slideInUp .5s ease}.picks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.picks-header h2{font-size:1.75rem;font-weight:700;color:var(--text-dark)}.picks-form{background:#fff;padding:30px;border-radius:12px;margin-bottom:30px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-light)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.form-field label{font-weight:500;font-size:.95rem;color:var(--text-dark)}.form-field input[type=range]{width:100%;cursor:pointer}.range-value{font-weight:600;color:var(--accent-green);font-size:1.1rem}.submit-btn{width:100%}.loading{text-align:center;padding:40px;color:var(--text-light);font-size:1.1rem}.empty-state{background:#fff;padding:60px 40px;border-radius:12px;text-align:center;color:var(--text-light);box-shadow:0 4px 12px #00000014}.picks-list{display:grid;gap:20px}.pick-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #00000014;border:1px solid var(--border-light);transition:all .3s ease}.pick-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.pick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.pick-header h3{font-size:1.3rem;font-weight:600;color:var(--text-dark);margin:0}.result-badge{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase}.result-badge.pending{background-color:#e0e7ff;color:#3730a3}.result-badge.win{background-color:#d1fae5;color:#065f46}.result-badge.loss{background-color:#fee2e2;color:#991b1b}.pick-details{margin-bottom:20px}.pick-details p{margin:8px 0;color:var(--text-dark);line-height:1.6}.pick-details strong{color:var(--primary-black);font-weight:600}.pick-actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.picks-form{padding:20px}.form-row{grid-template-columns:1fr}.pick-card{padding:16px}.pick-header{flex-direction:column;align-items:flex-start}}.pricing-container{animation:slideInUp .5s ease}.pricing-header{text-align:center;margin-bottom:50px}.pricing-header h2{font-size:2.25rem;font-weight:700;color:var(--text-dark);margin-bottom:12px}.pricing-header p{font-size:1.1rem;color:var(--text-light)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:40px}.pricing-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 4px 12px #00000014;border:2px solid var(--border-light);position:relative;transition:all .3s ease;display:flex;flex-direction:column}.pricing-card:hover{box-shadow:0 12px 32px #0000001f}.pricing-card.highlighted{border-color:var(--primary-black);transform:scale(1.05);box-shadow:0 12px 40px #00000026}.pricing-card.active{border-color:var(--accent-green);background:linear-gradient(135deg,rgba(16,185,129,.05),transparent)}.badge{position:absolute;top:-12px;left:20px;background:var(--primary-black);color:#fff;padding:6px 16px;border-radius:6px;font-size:.85rem;font-weight:600}.plan-name{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin-bottom:16px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:24px}.currency{font-size:1.2rem;font-weight:600;color:var(--text-light)}.amount{font-size:3rem;font-weight:700;color:var(--primary-black)}.period{color:var(--text-light);font-size:1rem}.features-list{list-style:none;margin-bottom:32px;flex-grow:1}.features-list li{padding:10px 0;color:var(--text-dark);font-size:.95rem;line-height:1.6;border-bottom:1px solid var(--border-light)}.features-list li:last-child{border-bottom:none}.plan-cta{width:100%;font-weight:600}.pricing-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:16px 20px;text-align:center;color:#92400e;font-size:.95rem}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:scale(1)}.pricing-header h2{font-size:1.75rem}.plan-price{margin-bottom:16px}.amount{font-size:2.5rem}}:root{--primary-black: #000000;--primary-white: #ffffff;--secondary-gray: #f5f5f5;--text-dark: #1a1a1a;--text-light: #666666;--border-light: #e0e0e0;--accent-green: #10b981;--accent-red: #ef4444;--accent-blue: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{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;background-color:var(--primary-white);color:var(--text-dark)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-gray)}::-webkit-scrollbar-thumb{background:var(--primary-black);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes glow{0%,to{box-shadow:0 0 #10b981b3}50%{box-shadow:0 0 0 10px #10b98100}}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit;transition:all .3s ease}input,textarea{font-family:inherit;font-size:inherit;transition:all .3s ease}a{text-decoration:none;color:inherit;transition:all .3s ease}