@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,sans-serif;color:#333;line-height:1.5;margin:0;padding:0;background-color:#f5f5f5}.header{position:fixed;top:0;left:0;right:0;height:64px;background-color:#fff;border-bottom:1px solid #e0e0e0;z-index:1001}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.header-buttons{display:flex;gap:.5rem}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:#ff4500}.icon{font-size:1.25rem}.dropdown-menu{min-width:200px;padding:.5rem 0;margin:0;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 4px #0000001a}.dropdown-item{padding:.5rem 1rem;color:#333;text-decoration:none;display:block}.dropdown-item:hover{background-color:#f5f5f5;color:#ff4500}.dropdown-divider{margin:.5rem 0;border-top:1px solid #e0e0e0}.app{display:flex;min-height:100vh}.content{flex:1;padding:20px;margin-left:240px;margin-top:64px;transition:margin-left .2s ease-in-out}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background-color:#fff;border-right:1px solid #e0e0e0;transition:width .2s ease-in-out;z-index:1000;padding-top:64px}.sidebar.collapsed{width:64px}.sidebar-menu{padding:1rem 0}.sidebar-item{display:flex;align-items:center;padding:.75rem 1rem;color:#333;text-decoration:none;transition:background-color .2s}.sidebar-item:hover{background-color:#f5f5f5}.sidebar-item.active{background-color:#f0f0f0;color:#ff4500}.sidebar-icon{font-size:1.25rem;margin-right:1rem;width:24px;text-align:center}.sidebar-text{font-size:.875rem;font-weight:500}.sidebar-divider{height:1px;background-color:#e0e0e0;margin:.5rem 0}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5}.page-center{padding:2rem 0}.container-tight{max-width:576px;margin:0 auto;padding:0 1rem}.logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.logo{width:40px;height:40px;background-color:#ff4500;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-right:.5rem}.brand-name{font-size:24px;font-weight:600;color:#333}.card-md{max-width:576px;margin:0 auto}.card-body{padding:2rem}.form-label{font-weight:500;margin-bottom:.5rem}.form-label-description{float:right;font-size:.875rem}.form-footer{margin-top:1.5rem}.btn-primary{background-color:#ff4500;color:#fff;font-weight:500;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#e03d00}.btn-secondary{background-color:#0079d3;color:#fff;font-weight:500;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#006cbd}.btn-tertiary{background-color:#7193ff;color:#fff;font-weight:500;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.btn-tertiary:hover{background-color:#5a7ce6}.btn-outline{background-color:transparent;color:#333;font-weight:500;padding:8px 16px;border-radius:4px;border:1px solid #ccc;cursor:pointer;transition:background-color .2s}.btn-outline:hover{background-color:#f5f5f5}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;overflow:hidden}.card-header{padding:16px 24px;border-bottom:1px solid #e0e0e0}.card-body{padding:16px 24px}.card-footer{padding:16px 24px;border-top:1px solid #e0e0e0;background-color:#f5f5f5}.form-control{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5;color:#333;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#333;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.hover-scale{transition:transform .2s}.hover-scale:hover{transform:scale(1.05)}@media (max-width: 768px){.content{margin-left:0;padding:16px}.sidebar-collapsed .content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.show{transform:translate(0)}}.bg-reddit-orange{background-color:#ff4500!important}.text-reddit-orange{color:#ff4500!important}.btn-reddit-orange{background-color:#ff4500;color:#fff;border:none;transition:background .2s}.btn-reddit-orange:hover,.btn-reddit-orange:focus{background-color:#e03d00;color:#fff}.bg-reddit-blue{background-color:#0079d3!important}.text-reddit-blue{color:#0079d3!important}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;margin-bottom:1rem}.pricing-card{border:2px solid #f1f1f1;border-radius:1rem;transition:box-shadow .2s,border .2s}.pricing-card.popular{border-color:#ff4500;box-shadow:0 0 0 2px #ff450033}.pricing-card:hover{box-shadow:0 4px 32px #00000010;border-color:#ff4500}.unavailable{opacity:.5;text-decoration:line-through}.testimonial-card{background:#fff;border-radius:1rem}.hero-section{padding:4rem 0 3rem;background:linear-gradient(90deg,#fff 60%,#ff450010)}@media (max-width: 991px){.hero-section{padding:2rem 0 1rem}}.accordion-button:not(.collapsed){color:#ff4500;background-color:#fff4ee}.bg-light{background-color:#f8f9fa!important}.btn-outline-primary.active,.btn-outline-primary:active{background-color:#0079d3;color:#fff;border-color:#0079d3}footer.bg-dark{background:#181818!important;color:#fff!important}footer.bg-dark .text-muted,footer.bg-dark ul li a,footer.bg-dark p,footer.bg-dark h5{color:#fff!important;opacity:.95}footer.bg-dark ul li a{color:#fff!important;opacity:.95;text-decoration:none;transition:color .2s,text-decoration .2s}footer.bg-dark ul li a:hover{color:#ff4500!important;text-decoration:underline}.list-unstyled.feature-list li{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.navbar-brand .bg-reddit-orange{font-weight:700;font-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem}.dashboard-illustration{width:100%;max-width:400px;height:260px;background:#fff;border-radius:1.5rem;box-shadow:0 4px 32px #0001;position:relative;padding:2rem 1.5rem 1.5rem;display:flex;flex-direction:column;justify-content:flex-end;margin-top:2rem}.dashboard-illustration:before{content:"";display:block;position:absolute;left:1.5rem;top:1.2rem;width:60%;height:.7rem;background:#f8f9fa;border-radius:.5rem}.dashboard-illustration .bar{height:2.2rem;border-radius:.5rem;margin-bottom:.5rem;background:linear-gradient(90deg,#ff4500 60%,#ff450033);width:70%}.dashboard-illustration .bar.bar2{width:50%;background:linear-gradient(90deg,#0079d3 60%,#0079d333)}.dashboard-illustration .bar.bar3{width:90%;background:linear-gradient(90deg,#21b573 60%,#21b57333)}.dashboard-illustration .pie{position:absolute;right:2.5rem;top:2.5rem;width:60px;height:60px;border-radius:50%;background:conic-gradient(#ff4500 0,#ff4500 40%,#0079d3 40%,#0079d3 70%,#21b573 70%,#21b573);box-shadow:0 2px 8px #0001}.dashboard-illustration .line{position:absolute;left:1.5rem;bottom:1.5rem;width:80%;height:40px;background:none}.dashboard-illustration .line svg{width:100%;height:100%;display:block}.header-container{display:flex;align-items:center;height:64px}.logo-container{display:flex;align-items:center;height:100%}.logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#ff4500;color:#fff;border-radius:8px;font-size:24px;font-weight:700;margin-right:.5rem}.brand-name{font-size:24px;font-weight:600;color:#333;display:flex;align-items:center;height:40px}.app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1 0 auto;padding:20px;margin-left:240px;margin-top:64px;transition:margin-left .2s ease-in-out}.footer{flex-shrink:0;margin-top:auto}.sidebar-collapsed .content{margin-left:64px}@media (max-width: 768px){.content{margin-left:0;padding:16px}.sidebar-collapsed .content{margin-left:0}}