*{margin:0;padding:0;box-sizing:border-box}:root{--navy:#1b2a4a;--navy-dark:#111d33;--navy-light:#243660;--gold:#c9a84c;--gold-light:#e0be72;--gold-pale:#fdf6e3;--white:#fff;--gray-100:#f7f8fa;--gray-200:#e9ecef;--gray-400:#adb5bd;--gray-600:#6c757d;--gray-800:#343a40;--font-display:"Georgia",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--navy-dark);color:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:rgba(17,29,51,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,168,76,.2)}.navbar-logo{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--gold);letter-spacing:.05em}.navbar-logo span{color:var(--white)}.navbar-links{display:flex;gap:2rem;align-items:center;list-style:none}.navbar-links a{color:var(--gray-400);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.navbar-links a:hover{color:var(--gold)}.btn{display:inline-block;padding:.75rem 1.75rem;border-radius:4px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .2s;letter-spacing:.03em}.btn-gold{background:var(--gold);color:var(--navy-dark)}.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 20px rgba(201,168,76,.3)}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-outline:hover{background:var(--gold);color:var(--navy-dark)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem 4rem;background:radial-gradient(ellipse at top,var(--navy-light) 0,var(--navy-dark) 60%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(201,168,76,.08) 0,transparent 70%);pointer-events:none}.hero-eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.3);padding:.4rem 1.2rem;border-radius:100px;margin-bottom:1.5rem}.hero h1{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:700;line-height:1.05;margin-bottom:1.5rem;color:var(--white)}.hero h1 .gold{color:var(--gold)}.hero-sub{font-size:1.25rem;color:var(--gray-400);max-width:560px;margin:0 auto 2.5rem;line-height:1.7}.hero-cta{gap:1rem}.hero-cta,.hero-sports{display:flex;justify-content:center;flex-wrap:wrap}.hero-sports{margin-top:4rem;gap:2rem}.sport-pill{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--gray-400);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);padding:.4rem 1rem;border-radius:100px}.section{padding:5rem 2rem;max-width:1100px;margin:0 auto}.section-center{text-align:center}.section-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}.section h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--white);margin-bottom:1rem}.section-sub{color:var(--gray-400);font-size:1.1rem;max-width:600px;margin:0 auto 3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:3rem}.feature-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:2rem;transition:border-color .2s}.feature-card:hover{border-color:rgba(201,168,76,.3)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:var(--white)}.feature-card p{color:var(--gray-400);font-size:.95rem}.pricing-wrapper{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.pricing-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:2.5rem;width:340px;position:relative}.pricing-card.featured{border-color:var(--gold);background:rgba(201,168,76,.06)}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--navy-dark);font-size:.7rem;font-weight:700;padding:.3rem 1rem;border-radius:100px;white-space:nowrap}.pricing-badge,.pricing-name{letter-spacing:.1em;text-transform:uppercase}.pricing-name{font-size:.85rem;color:var(--gold);margin-bottom:.75rem}.pricing-price{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:var(--white);line-height:1}.pricing-price sup{font-size:1.5rem;vertical-align:top;margin-top:.5rem}.pricing-period{color:var(--gray-400);font-size:.9rem;margin:.5rem 0 1.5rem}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--gray-400);font-size:.95rem;border-bottom:1px solid hsla(0,0%,100%,.05)}.pricing-features li:last-child{border-bottom:none}.pricing-features .check{color:var(--gold);font-weight:700}.sports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:3rem}.sport-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:1.75rem 1.5rem;text-align:center;transition:all .2s}.sport-card:hover{border-color:var(--gold);transform:translateY(-2px)}.sport-card .sport-emoji{font-size:2.5rem;margin-bottom:.75rem}.sport-card h3{font-size:1rem;font-weight:600;color:var(--white)}.sport-card p{font-size:.82rem;color:var(--gray-400);margin-top:.25rem}.divider{border:none;border-top:1px solid hsla(0,0%,100%,.08);margin:0}.footer{background:var(--navy-dark);border-top:1px solid rgba(201,168,76,.2);padding:3rem 2rem;text-align:center;color:var(--gray-600);font-size:.85rem}.footer-logo{font-family:var(--font-display);font-size:1.4rem;color:var(--gold);margin-bottom:.5rem}.dashboard-layout{display:flex;min-height:100vh;padding-top:64px}.sidebar{width:240px;background:hsla(0,0%,100%,.03);border-right:1px solid hsla(0,0%,100%,.08);padding:2rem 1rem;position:fixed;top:64px;bottom:0;overflow-y:auto}.sidebar-section{margin-bottom:2rem}.sidebar-label{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gray-600);padding:0 .75rem;margin-bottom:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:6px;color:var(--gray-400);font-size:.9rem;transition:all .15s;cursor:pointer}.sidebar-link.active,.sidebar-link:hover{background:rgba(201,168,76,.1);color:var(--gold)}.dashboard-main{margin-left:240px;flex:1 1;padding:2.5rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-family:var(--font-display);font-size:1.75rem;color:var(--white)}.dashboard-header p{color:var(--gray-400);margin-top:.25rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.stat-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:1.5rem}.stat-card .label{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);margin-bottom:.5rem}.stat-card .value{font-family:var(--font-display);font-size:2rem;color:var(--gold);font-weight:700}.picks-section{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.picks-section h2{font-size:1.1rem;font-weight:600;color:var(--white);margin-bottom:1rem}.pick-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:.9rem}.pick-item:last-child{border-bottom:none}.pick-name{color:var(--white);font-weight:500}.pick-detail{color:var(--gray-400)}.pick-grade{color:var(--gold);font-weight:700;font-size:1rem}.upsell-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at top,var(--navy-light) 0,var(--navy-dark) 70%)}.upsell-card{max-width:600px;width:100%;text-align:center}.upsell-tag{display:inline-block;background:rgba(201,168,76,.15);border:1px solid var(--gold);color:var(--gold);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;padding:.4rem 1.2rem;border-radius:100px;margin-bottom:1.5rem}.upsell-card h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;margin-bottom:1rem;color:var(--white)}.upsell-card h1 .gold{color:var(--gold)}.upsell-price-box{background:rgba(201,168,76,.08);border:2px solid var(--gold);border-radius:12px;padding:2rem;margin:2rem 0}.upsell-price-box .amount{font-family:var(--font-display);font-size:4rem;color:var(--gold);font-weight:700;line-height:1}.upsell-price-box .label{color:var(--gray-400);font-size:1rem;margin-top:.25rem}.upsell-features{list-style:none;text-align:left;margin:1.5rem 0 2rem;display:inline-block}.upsell-features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--gray-400);font-size:.95rem}.upsell-features .check{color:var(--gold)}.upsell-decline{margin-top:1rem;font-size:.85rem;cursor:pointer;text-decoration:underline;background:none;border:none;color:var(--gray-600)}.upsell-decline:hover{color:var(--gray-400)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:2.5rem;width:100%;max-width:420px}.auth-card h1{font-family:var(--font-display);font-size:1.75rem;color:var(--white);margin-bottom:.5rem}.auth-card p{color:var(--gray-400);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;color:var(--gray-400);margin-bottom:.4rem}.form-group input{width:100%;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);border-radius:6px;padding:.75rem 1rem;color:var(--white);font-size:.95rem;font-family:var(--font-body);transition:border-color .2s;outline:none}.form-group input:focus{border-color:var(--gold)}.form-error{color:#ff6b6b;font-size:.85rem;margin-top:.25rem}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--gray-400)}.auth-switch a{color:var(--gold)}.community-layout{max-width:800px;margin:0 auto}.post-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:1.5rem;margin-bottom:1rem;transition:border-color .2s}.post-card:hover{border-color:rgba(201,168,76,.3)}.post-meta{gap:.75rem;margin-bottom:.75rem}.post-avatar,.post-meta{display:flex;align-items:center}.post-avatar{width:36px;height:36px;border-radius:50%;background:var(--gold);justify-content:center;font-weight:700;font-size:.85rem;color:var(--navy-dark)}.post-author{font-weight:600;color:var(--white);font-size:.9rem}.post-time{color:var(--gray-600);font-size:.8rem}.post-sport{margin-left:auto;font-size:.75rem;background:rgba(201,168,76,.1);color:var(--gold);border:1px solid rgba(201,168,76,.2);padding:.2rem .6rem;border-radius:100px}.post-card h3{color:var(--white);font-size:1rem;margin-bottom:.5rem}.post-card p{color:var(--gray-400);font-size:.9rem;line-height:1.6}.post-actions{display:flex;gap:1rem;margin-top:1rem}.post-action-btn{background:none;border:none;color:var(--gray-600);font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.35rem;transition:color .2s;font-family:var(--font-body)}.post-action-btn:hover{color:var(--gold)}@media (max-width:768px){.navbar-links,.sidebar{display:none}.dashboard-main{margin-left:0;padding:1.5rem}.pricing-wrapper{flex-direction:column;align-items:center}}