@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;700;800&display=swap";:root{--pbr-red: #D4AF37;--pbr-blue: #090C15;--pbr-gold: #D4AF37;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #090C15;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #8A94A6;--border-color: #E5E7EB;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-tertiary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-primary)}.app-container{max-width:1500px;margin:0 auto;padding:2rem}.race-header{background-color:var(--bg-primary);border-top:6px solid var(--pbr-red);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.race-header-main{display:flex;flex-direction:column}.race-header-date{font-size:.9rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;margin-bottom:.2rem;letter-spacing:.05em}.race-header-title{font-size:2.5rem;font-weight:800;color:var(--pbr-blue);text-transform:uppercase;letter-spacing:-.025em;line-height:1.1}.race-header-meta{display:flex;gap:1.5rem;font-weight:600;color:var(--text-secondary);font-size:1.1rem}.proj-race-rating-box{background:linear-gradient(135deg,var(--pbr-blue),#0b2440);color:#fff;border-radius:var(--radius-lg);padding:.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-md);border:1.5px solid var(--pbr-gold);text-align:center;min-width:140px;flex-shrink:0}.class-par-box{background:#fff!important;border:1.5px solid #090C15!important;color:#090c15!important;box-shadow:none!important}.class-par-box .proj-rating-label{color:#090c15!important;opacity:1!important}.class-par-box .proj-rating-score{color:#090c15!important}.proj-rating-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fffc;margin-bottom:.1rem}.proj-rating-score{font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:800;color:var(--pbr-gold);line-height:1}.pace-setup-diagram{background-color:var(--bg-primary);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:2rem;border:1px solid var(--border-color)}.pace-setup-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:var(--pbr-blue);margin-bottom:1.5rem;text-transform:uppercase}.pace-track{position:relative;min-height:120px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center}.pace-finish-line{position:absolute;right:0;top:0;bottom:0;width:6px;background-color:var(--pbr-red)}.pace-finish-label{position:absolute;right:12px;font-size:.8rem;font-weight:800;color:var(--pbr-red);text-transform:uppercase}.pace-horse-node{position:absolute;background-color:var(--pbr-blue);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;transform:translate(-50%);box-shadow:0 4px 6px #0003;transition:transform .2s;z-index:10;cursor:pointer}.pace-horse-node:hover{transform:translate(-50%) scale(1.2);background-color:var(--pbr-gold);color:#090c15;z-index:20}.pace-horse-name{position:absolute;top:-24px;font-size:.75rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.horse-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.horse-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-left:4px solid var(--pbr-gold)}.horse-header{padding:1.5rem;display:flex;justify-content:space-between;border-bottom:1px solid var(--border-color);background:linear-gradient(to right,var(--bg-primary),var(--bg-secondary))}.horse-identity{display:flex;gap:1.5rem}.horse-draw{background-color:var(--pbr-gold);color:#090c15;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:800;font-size:1.5rem;border-radius:50%;box-shadow:0 0 0 4px #d4af3726;flex-shrink:0}.horse-silks{width:48px;height:48px;object-fit:contain;border-radius:4px;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:2px;flex-shrink:0}.horse-name{font-size:1.75rem;font-weight:800;letter-spacing:-.025em;color:var(--pbr-blue);line-height:1.2}.horse-basic-stats{display:flex;gap:.75rem;margin-top:.5rem}.stat-pill{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--text-secondary)}.stat-pill span{color:var(--text-primary);font-weight:700}.gld-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--pbr-red);color:#fff;padding:.5rem 1.5rem;border-radius:var(--radius-md);font-family:Outfit,sans-serif;box-shadow:0 4px 14px #d82c234d;height:fit-content}.gld-badge-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.9}.gld-badge-score{font-size:2.2rem;font-weight:800;line-height:1}.pedigree-badge{background:#fff!important;border:1.5px solid #090C15!important;box-shadow:none!important}.pedigree-badge .gld-badge-label{color:#090c15!important;opacity:1!important}.pedigree-badge .gld-badge-score{color:#090c15!important}.records-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1.5rem;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.record-box{display:flex;flex-direction:column}.record-label{font-size:.7rem;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.record-value{font-size:.95rem;font-family:monospace;font-weight:700;color:var(--pbr-blue)}.stats-rows{display:flex;flex-direction:column;border-bottom:1px solid var(--border-color)}.stat-row{display:flex;align-items:center;padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-row-header{display:flex;align-items:center;gap:.5rem;width:140px;font-weight:800;color:var(--pbr-gold);text-transform:uppercase;font-size:.85rem;flex-shrink:0}.l90-badge{background-color:var(--pbr-red);color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.65rem;letter-spacing:.05em}.stat-row-items{display:flex;gap:2rem;flex-grow:1}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.65rem;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.stat-value{font-size:.95rem;font-weight:800;color:var(--text-primary)}.pp-table-wrapper{padding:1.5rem;overflow-x:auto}.pp-table{width:100%;border-collapse:collapse;font-size:.9rem}.pp-table th{text-align:left;padding:.75rem;border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.pp-table td{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.pp-table tr:last-child td{border-bottom:none}.pp-table tr:hover{background-color:var(--bg-secondary)}.highlight-gld{font-weight:800;color:var(--pbr-red)}.highlight-race-rtg{font-weight:700;color:var(--pbr-blue)}.highlight-pace{color:var(--text-primary)}.lengths-behind{font-style:italic;color:#3b82f6;font-weight:500}.logic-footer{padding:1rem 1.5rem;background-color:var(--bg-secondary);font-style:italic;font-size:.95rem;color:var(--pbr-blue);display:flex;gap:.5rem;align-items:flex-start;border-top:1px solid var(--border-color)}.logic-icon{color:var(--pbr-red);font-weight:700}.replay-link{color:var(--pbr-blue);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;font-weight:700;transition:color .2s ease}.replay-link:hover{color:var(--pbr-red)}.video-icon{font-size:.65rem;background-color:#dc262614;color:var(--pbr-red);padding:.1rem .25rem;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.replay-link:hover .video-icon{background-color:var(--pbr-red);color:#fff}.card-header-container{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding:.5rem 1rem;border-bottom:2px solid var(--border-color)}.card-main-title{font-size:2.2rem;font-weight:800;color:var(--pbr-gold);text-transform:uppercase;letter-spacing:-.02em}.card-main-date{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.race-tabs{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem;margin-bottom:2rem;background-color:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scrollbar-width:thin}.race-tabs::-webkit-scrollbar{height:6px}.race-tabs::-webkit-scrollbar-thumb{background-color:var(--text-muted);border-radius:3px}.race-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1.5rem;min-width:120px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;font-family:Inter,sans-serif}.race-tab-btn:hover{background-color:var(--bg-primary);border-color:var(--pbr-gold);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.race-tab-btn.active{background-color:var(--pbr-blue);border-color:var(--pbr-gold);color:#fff;box-shadow:0 4px 12px #d4af3733;transform:scale(1.02)}.tab-btn-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}.race-tab-btn.active .tab-btn-title{color:var(--pbr-gold)}.race-tab-btn:not(.active) .tab-btn-title{color:var(--text-primary)}.tab-btn-subtitle{font-size:.75rem;font-weight:600;margin-top:.2rem}.race-tab-btn.active .tab-btn-subtitle{color:#ffffffd9}.race-tab-btn:not(.active) .tab-btn-subtitle{color:var(--text-secondary)}.user-profile-badge{display:flex;align-items:center;gap:1rem}.user-email{font-size:.85rem;font-weight:600;color:#fff}.logout-btn{background-color:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s ease}.logout-btn:hover{background-color:#fff;border-color:#fff;color:#090c15}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,#1f2937,#111827);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem}.auth-card{background-color:#1f2937;border:1px solid rgba(255,255,255,.08);border-top:6px solid var(--pbr-red);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;width:100%;max-width:440px;padding:2.5rem;display:flex;flex-direction:column}.auth-title{color:#fff;font-size:1.75rem;font-weight:800;text-align:center;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:-.02em}.auth-subtitle{color:var(--text-muted);font-size:.95rem;text-align:center;margin-bottom:1.5rem;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-input-group{display:flex;flex-direction:column;gap:.4rem}.auth-input-group label{color:#fffc;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auth-input-group input{background-color:#111827;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.auth-input-group input:focus{outline:none;border-color:var(--pbr-gold);box-shadow:0 0 0 3px #d4af374d}.auth-submit-btn{background-color:var(--pbr-red);color:#fff;border:none;padding:.8rem;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:.5rem}.auth-submit-btn:hover:not(:disabled){background-color:#b92119}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-stripe-box{margin-top:1.5rem;display:flex;flex-direction:column;text-align:center}.stripe-divider{display:flex;align-items:center;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.25rem}.stripe-divider:before,.stripe-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.stripe-divider span{padding:0 .5rem}.auth-stripe-btn{background-color:#635bff;color:#fff;text-decoration:none;padding:.8rem;border-radius:var(--radius-md);font-size:1rem;font-weight:700;transition:background-color .2s;box-shadow:0 4px 10px #635bff40;display:inline-block}.auth-stripe-btn:hover{background-color:#5851e5}.stripe-subtext{color:var(--text-muted);font-size:.75rem;margin-top:.5rem;line-height:1.4}.auth-toggle-text{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:1.5rem}.auth-toggle-link{background:none;border:none;color:#60a5fa;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}.auth-toggle-link:hover{color:#93c5fd}.auth-dev-btn{background:none;border:1px dashed rgba(255,255,255,.2);color:var(--text-muted);padding:.5rem;border-radius:var(--radius-md);font-size:.8rem;cursor:pointer;margin-top:1.5rem;transition:all .2s;font-weight:600}.auth-dev-btn:hover{border-color:#fff6;color:#fff}.auth-warning-banner{background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#f59e0b;padding:.6rem .8rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:1.25rem;line-height:1.4;text-align:left}.auth-error-banner{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.6rem .8rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:1.25rem;text-align:left}.auth-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--pbr-red);border-radius:50%;animation:auth-spin 1s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-checkbox-group{display:flex;align-items:center;gap:.75rem;margin:.5rem 0 1.25rem;text-align:left}.auth-checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--pbr-red)}.auth-checkbox-group label{color:#fffffff4;font-size:.85rem;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.guide-link-container{display:flex;justify-content:center;margin:0 0 1.25rem}.guide-toggle-btn{background:linear-gradient(135deg,var(--pbr-gold) 0%,#b89025 100%);color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 15px #d32f2f66;transition:all .2s ease;text-transform:uppercase;letter-spacing:.03em}.guide-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d32f2f99}.guide-toggle-btn:active{transform:translateY(0)}.guide-toggle-btn.feedback-btn{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 4px 15px #1f293766}.guide-toggle-btn.feedback-btn:hover{box-shadow:0 6px 20px #1f293799}.guide-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0f1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.guide-modal-content{background-color:#fff;color:#1a202c;border:1px solid #e2e8f0;border-radius:var(--radius-lg);width:100%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d;animation:guide-slide-up .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes guide-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guide-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.guide-modal-header h2{font-size:1.4rem;font-weight:800;margin:0;color:#1a202c!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important}.guide-close-x{background:none;border:none;color:#718096;font-size:2rem;font-weight:300;cursor:pointer;line-height:1;padding:0;transition:color .15s ease}.guide-close-x:hover{color:#1a202c}.guide-modal-body{padding:1.75rem;overflow-y:auto;font-size:.95rem;line-height:1.6;color:#2d3748}.guide-modal-body h3{font-size:1.15rem;font-weight:700;color:#1a202c;margin:1.5rem 0 .75rem;border-bottom:1.5px solid #e2e8f0;padding-bottom:.4rem}.guide-modal-body h3:first-of-type{margin-top:0}.guide-modal-body p{margin:0 0 1rem;color:#2d3748}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.guide-card{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1rem}.guide-card h4{font-size:.95rem;font-weight:800;color:var(--pbr-red);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.guide-card p{font-size:.85rem;margin:0;line-height:1.4;color:#4a5568}.guide-alert-note{background-color:#fffaf0;border-left:3px solid var(--pbr-red);border-radius:var(--radius-sm);padding:.85rem 1rem;margin-bottom:1.5rem;font-size:.85rem;color:#2d3748}.guide-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.85rem}.guide-table th,.guide-table td{padding:.65rem .85rem;border-bottom:1px solid #e2e8f0;text-align:left;color:#2d3748}.guide-table th{font-weight:700;color:#1a202c;background-color:#edf2f7}.guide-pace-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.guide-pace-col{flex:1;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:.85rem;display:flex;align-items:center;gap:.75rem}.guide-pace-badge{font-size:.85rem;font-weight:800;padding:.35rem .65rem;border-radius:var(--radius-sm);color:#fff}.guide-pace-badge.ep{background-color:var(--ep-color)}.guide-pace-badge.mp{background-color:var(--mp-color)}.guide-pace-badge.lp{background-color:var(--lp-color)}.guide-pace-info h5{font-size:.85rem;font-weight:700;color:#1a202c;margin:0 0 .15rem}.guide-pace-info p{font-size:.75rem;margin:0;line-height:1.3;color:#4a5568}.guide-pace-demo{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.guide-track-line{height:24px;background:repeating-linear-gradient(90deg,transparent,transparent 15px,#cbd5e0 15px,#cbd5e0 16px);border-bottom:2px dashed #cbd5e0;margin-bottom:.5rem;position:relative}.guide-track-finish{position:absolute;right:0;top:0;bottom:0;width:4px;background-color:var(--pbr-red)}.guide-track-bubbles{display:flex;justify-content:space-between;padding:0 1rem;font-size:.75rem;font-weight:700;color:#718096}.guide-track-labels{display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800;color:var(--pbr-red)}.guide-tip-box{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1rem;margin-bottom:1rem}.guide-tip-box h5{font-size:.9rem;font-weight:800;color:#1a202c;margin:0 0 .4rem;display:flex;align-items:center;gap:.4rem}.guide-tip-box h5:before{content:"💡"}.guide-tip-box p{font-size:.8rem;margin:0;line-height:1.4;color:#4a5568}.guide-modal-footer{padding:1.25rem 1.75rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.guide-close-btn{background-color:#edf2f7;color:#1a202c;border:1px solid #cbd5e0;padding:.6rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.guide-close-btn:hover{background-color:#e2e8f0}.main-navbar{background-color:#090c15;border-bottom:2px solid var(--pbr-gold);position:sticky;top:0;z-index:1000;padding:.75rem 1.5rem}.navbar-container{max-width:1500px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none;letter-spacing:-.01em}.logo-gold{color:var(--pbr-gold)}.navbar-links{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#a0aec0;text-decoration:none;font-size:.95rem;font-weight:600;transition:color .2s ease;padding:.25rem .5rem}.nav-link:hover{color:#fff}.nav-link.active{color:var(--pbr-gold);border-bottom:2px solid var(--pbr-gold)}.premium-nav-link{background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,transparent 100%);border-radius:var(--radius-sm)}.nav-preview-btn{background-color:transparent;border:1px solid var(--pbr-gold);color:var(--pbr-gold);padding:.4rem 1rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;text-decoration:none;transition:all .2s ease}.nav-preview-btn:hover{background-color:var(--pbr-gold);color:#090c15;box-shadow:0 0 10px #d4af3766}.navbar-auth-section{display:flex;align-items:center}.user-nav-status{display:flex;align-items:center;gap:.75rem}.user-email-display{color:#e2e8f0;font-size:.85rem;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-badge{font-size:.65rem;font-weight:800;padding:.15rem .4rem;border-radius:4px}.sub-badge.premium{background-color:var(--pbr-gold);color:#090c15}.sub-badge.simulate-btn{background:#635bff;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.sub-badge.simulate-btn:hover{background:#5851e5}.simulate-cancel-btn{background-color:transparent;border:1px dashed #ef4444;color:#f87171;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.simulate-cancel-btn:hover{background-color:#ef444426;color:#fff}.navbar-logout-btn{background-color:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.35rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s ease}.navbar-logout-btn:hover{background-color:#fff;color:#090c15}.navbar-login-btn{background-color:#fff;color:#090c15;border:1px solid white;padding:.4rem 1rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:.85rem;transition:all .2s ease}.navbar-login-btn:hover{background-color:transparent;color:#fff}.home-page-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.hero-section{text-align:center;margin-bottom:5rem;padding:3rem 1.5rem;background:radial-gradient(circle at center,rgba(212,175,55,.08) 0%,transparent 70%)}.hero-badge{background-color:#d4af371a;border:1px solid var(--pbr-gold);color:var(--pbr-gold);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.35rem 1rem;border-radius:50px;display:inline-block;margin-bottom:1.5rem}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.25rem;color:#a0aec0;max-width:750px;margin:0 auto 2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1.25rem;justify-content:center}.cta-btn{text-decoration:none;font-size:1rem;font-weight:700;padding:.85rem 1.75rem;border-radius:var(--radius-md);transition:all .2s ease;display:inline-block}.primary-cta{background-color:var(--pbr-gold);color:#090c15;box-shadow:0 4px 15px #d4af3759}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.secondary-cta{background-color:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff}.secondary-cta:hover{border-color:#fff;background-color:#ffffff0d}.features-section{margin-bottom:5rem}.section-title{font-size:2.2rem;font-weight:800;color:#fff;text-align:center;margin-bottom:.5rem}.section-subtitle{font-size:1.05rem;color:#a0aec0;text-align:center;margin-bottom:3.5rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 768px){.features-grid{grid-template-columns:1fr}}.feature-card{background-color:#111827;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:2.5rem;transition:all .2s ease}.feature-card:hover{border-color:var(--pbr-gold);transform:translateY(-4px);box-shadow:0 10px 25px #0000004d}.feature-icon-wrapper{font-size:2rem;margin-bottom:1.25rem}.feature-card h3{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:.75rem}.feature-card p{font-size:.95rem;color:#a0aec0;line-height:1.6}.cta-gate-banner{background:linear-gradient(135deg,#111827,#090c15);border:1.5px solid var(--pbr-gold);border-radius:var(--radius-lg);padding:3.5rem;text-align:center;box-shadow:0 10px 30px #d4af371a}.cta-gate-banner h2{font-size:2rem;font-weight:800;color:#fff;margin-bottom:.75rem}.cta-gate-banner p{color:#a0aec0;max-width:600px;margin:0 auto 2rem;font-size:1.05rem}.gold-cta{background-color:var(--pbr-gold);color:#090c15;font-weight:800;padding:1rem 2rem;border-radius:var(--radius-md);box-shadow:0 4px 15px #d4af374d}.gold-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3773}.guides-page-container{max-width:900px;margin:0 auto;padding:4rem 2rem}.guide-content-wrapper{background-color:#fff;color:#1a202c;padding:3.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0003}.guide-content-wrapper h1,.guide-content-wrapper h2,.guide-content-wrapper h3,.guide-content-wrapper h4,.guide-content-wrapper h5{color:#1a202c!important}.guide-main-title{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.guide-intro{font-size:1.1rem;color:#4a5568;margin-bottom:2rem}.guide-content-wrapper h3{font-size:1.35rem;font-weight:700;margin:2.5rem 0 1rem;border-bottom:1.5px solid #edf2f7;padding-bottom:.25rem}.guide-content-wrapper p{color:#2d3748;line-height:1.6;margin-bottom:1.25rem}.guide-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin:1.5rem 0}.g-card{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1.5rem}.g-card h4{font-size:1rem;font-weight:800;color:var(--pbr-red)!important;margin-bottom:.5rem;text-transform:uppercase}.g-card p{font-size:.85rem;color:#4a5568;margin-bottom:0;line-height:1.4}.g-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.85rem}.g-table th{background-color:#edf2f7;color:#1a202c;font-weight:700;padding:.75rem;text-align:left;border-bottom:2px solid #cbd5e0}.g-table td{padding:.75rem;border-bottom:1px solid #e2e8f0;color:#2d3748}.guide-alert-box{border-left:4px solid var(--pbr-gold);background-color:#fffaf0;border-radius:var(--radius-sm);padding:1.25rem;margin:1.5rem 0}.guide-alert-box h5{font-size:.95rem;font-weight:800;margin-bottom:.4rem}.guide-alert-box.meltdown{border-left-color:var(--pbr-red);background-color:#fff5f5}.picks-page-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.picks-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.25rem}.picks-subtitle{font-size:1.1rem;color:#a0aec0;margin-bottom:3.5rem}.alerts-section{margin-bottom:4rem}.picks-section-heading{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:1.5rem;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:.5rem}.alerts-grid{display:flex;flex-direction:column;gap:1rem}.alert-card{background-color:#111827;border-left:4px solid #3b82f6;padding:1.25rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:1.5rem}.alert-card.lone_speed{border-left-color:var(--pbr-gold);background:linear-gradient(to right,rgba(212,175,55,.08),transparent)}.alert-card.meltdown{border-left-color:var(--pbr-red);background:linear-gradient(to right,rgba(216,44,35,.08),transparent)}.alert-badge{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:800;padding:.25rem .5rem;border-radius:4px;flex-shrink:0}.lone_speed .alert-badge{background-color:#d4af371a;color:var(--pbr-gold);border:1px solid var(--pbr-gold)}.meltdown .alert-badge{background-color:#d82c231a;color:var(--pbr-red);border:1px solid var(--pbr-red)}.alert-desc{color:#e2e8f0;font-size:.95rem;margin:0}.no-alerts-card{background-color:#111827;padding:1.5rem;border-radius:var(--radius-md);color:#a0aec0;text-align:center;font-style:italic}.editorial-section{margin-bottom:3rem}.picks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2rem}.pick-card{background-color:#111827;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:2.25rem;display:flex;flex-direction:column}.pick-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pick-date{color:#718096;font-size:.8rem;font-weight:600}.premium-lock{background-color:#ef444426;color:#f87171;font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.pick-title{font-size:1.35rem;font-weight:800;color:#fff;margin-bottom:.75rem;line-height:1.3}.pick-summary{color:#a0aec0;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;flex-grow:1}.read-btn{background-color:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s ease;width:fit-content}.read-btn:hover{background-color:#fff;color:#090c15;border-color:#fff}.pick-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0a0f1ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.pick-modal{background-color:#fff;color:#1a202c;border-radius:var(--radius-lg);width:100%;max-width:650px;box-shadow:0 20px 50px #0006;overflow:hidden;animation:guide-slide-up .25s ease-out}.pick-modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.pick-modal-header h2{font-size:1.25rem;font-weight:800;color:#1a202c!important;margin:0}.close-x{background:none;border:none;color:#a0aec0;font-size:2rem;cursor:pointer;padding:0;line-height:1}.close-x:hover{color:#1a202c}.pick-modal-body{padding:1.75rem}.pick-modal-meta{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#718096;margin-bottom:1rem}.pick-modal-text{font-size:1rem;line-height:1.6;color:#2d3748}.pick-modal-footer{padding:1.25rem 1.75rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.close-btn{background-color:#edf2f7;color:#1a202c;border:1px solid #cbd5e0;padding:.5rem 1.25rem;border-radius:var(--radius-md);font-weight:700;cursor:pointer}.close-btn:hover{background-color:#e2e8f0}.pricing-page-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.pricing-header{text-align:center;margin-bottom:4rem}.pricing-header h1{font-size:2.8rem;font-weight:800;color:#fff;margin-bottom:.5rem}.pricing-header p{font-size:1.15rem;color:#a0aec0;max-width:600px;margin:0 auto}.test-control-panel{background-color:#635bff14;border:1.5px dashed #635bff;border-radius:var(--radius-lg);padding:2rem;text-align:center;max-width:600px;margin:0 auto 4rem}.test-control-panel h3{color:#fff;font-weight:800;margin-bottom:.35rem}.test-control-panel p{font-size:.85rem;color:#a0aec0}.simulate-btn{padding:.5rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.simulate-btn.approve{background-color:var(--pbr-gold);color:#090c15}.simulate-btn.approve:hover{box-shadow:0 0 12px #d4af3766}.simulate-btn.cancel{background-color:#ef4444;color:#fff}.simulate-btn.cancel:hover{box-shadow:0 0 12px #ef444466}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.pricing-grid.single-price{display:flex;justify-content:center}.pricing-grid.single-price .pricing-card{max-width:420px;width:100%}.pricing-card{background-color:#111827;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-lg);padding:3rem;display:flex;flex-direction:column;position:relative;transition:transform .2s ease}.pricing-card:hover{transform:translateY(-2px)}.pricing-card.popular{border:2px solid var(--pbr-gold);box-shadow:0 10px 25px #d4af371a}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background-color:var(--pbr-gold);color:#090c15;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.3rem 1rem;border-radius:50px}.pricing-card h3{font-size:1.4rem;font-weight:800;color:#fff;margin-bottom:1rem}.price-amount{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1}.price-term{font-size:1rem;color:#718096;font-weight:500}.card-desc{font-size:.9rem;color:#a0aec0;margin-bottom:2rem;line-height:1.5;flex-grow:1}.price-features{list-style:none;margin-bottom:2.5rem;display:flex;flex-direction:column;gap:.75rem}.price-features li{font-size:.9rem;color:#e2e8f0;font-weight:500}.checkout-btn{text-align:center;text-decoration:none;font-weight:800;font-size:1rem;padding:.85rem;border-radius:var(--radius-md);background-color:#1f2937;color:#fff;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.checkout-btn:hover{background-color:#fff;color:#090c15}.checkout-btn.premium{background-color:var(--pbr-gold);color:#090c15;border-color:var(--pbr-gold);box-shadow:0 4px 12px #d4af3740}.checkout-btn.premium:hover{box-shadow:0 6px 18px #d4af3766;transform:translateY(-1px)}.checkout-btn:disabled{background-color:#374151!important;color:#9ca3af!important;border-color:#4b5563!important;cursor:not-allowed!important;opacity:.7!important;transform:none!important;box-shadow:none!important}.login-page-container{display:flex;align-items:center;justify-content:center;padding:5rem 2rem}.preview-top-alert{background-color:#d4af3726;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-md);padding:.75rem 1.25rem;color:var(--pbr-gold);font-size:.85rem;font-weight:600;text-align:center;margin-bottom:1.5rem}.app-routing-root{display:flex;flex-direction:column;min-height:100vh}.main-content-flow{flex-grow:1}