@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--accent-color:#3269f4;--text-color:#1f2937;--light-text:#6b7280;--bg-color:#f8fafc;--card-bg:#ffffff;--border-color:#e2e8f0;--error-color:#ef4444;--glass-bg:rgba(255,255,255,0.1);--glass-border:rgba(255,255,255,0.2)}[data-theme=dark]{--text-color:#f1f5f9;--light-text:#9ca3af;--bg-color:#1e293b;--card-bg:#2d3748;--border-color:#4b5563;--glass-bg:rgba(31,41,55,0.2);--glass-border:rgba(107,114,128,0.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);background-color:var(--bg-color);line-height:1.6;transition:background-color .3s ease,color .3s ease}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.main{padding:1rem 0}.navbar{position:-webkit-sticky;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:20;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-logo{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none;transition:color .2s ease}.navbar-logo:hover{color:var(--primary-color)}.theme-toggle{background:transparent;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .3s ease,background-color .2s ease}.theme-toggle:hover{background:var(--border-color);transform:rotate(15deg)}.theme-toggle svg{color:var(--text-color);transition:color .2s ease}.hero{position:relative;text-align:center;padding:2rem 1.5rem;color:white;overflow:hidden;border-bottom:1px solid var(--glass-border)}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;animation:fadeInUp .8s ease-out}.hero-headline{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-subheadline{font-size:1.5rem;font-weight:400;opacity:.9;max-width:600px;margin:0 auto}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 0);background-size:20px 20px;opacity:.3;z-index:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-section{padding:2rem 0}.search-form{display:flex;gap:.5rem;max-width:800px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:3rem;padding:.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:all .3s ease}.search-form:focus-within{box-shadow:0 6px 24px rgba(0,0,0,.15),0 0 0 3px rgba(59,130,246,.3)}.search-input{flex:1 1;padding:1rem 1.5rem;border:none;background:transparent;font-size:1.1rem;color:var(--text-color);outline:none;font-weight:400}.search-input::placeholder{color:var(--light-text);opacity:.7}.search-input:focus{transform:scale(1.02)}.search-button{background:var(--primary-color);color:white;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s}.search-button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.2)}.search-button:active{transform:scale(1)}.filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 0;margin-top:1.5rem}.filter-tab{padding:.5rem 1.5rem;border:1px solid var(--border-color);background:var(--card-bg);border-radius:1rem;font-size:.95rem;font-weight:500;color:var(--text-color);cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;white-space:nowrap}.filter-tab:hover{background:var(--border-color);transform:scale(1.05);box-shadow:0 2px 6px rgba(0,0,0,.1)}.filter-tab.active{background:var(--primary-color);color:white;border-color:var(--primary-color);box-shadow:0 2px 6px rgba(0,0,0,.15)}[data-theme=dark] .filter-tab{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .filter-tab:hover{background:var(--border-color)}[data-theme=dark] .filter-tab.active{background:var(--primary-color);color:white;border-color:var(--primary-color)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.card-thumbnail{width:100%;height:160px;overflow:hidden;border-top-left-radius:.75rem;border-top-right-radius:.75rem;position:relative;background:linear-gradient(135deg,var(--border-color) 0,#e5e7eb 100%);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}[data-theme=dark] .card-thumbnail{background:linear-gradient(135deg,#4b5563,#6b7280)}.card-thumbnail:hover{transform:scale(1.02);box-shadow:0 4px 8px rgba(0,0,0,.1)}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;transition:filter .2s ease}.thumbnail-image:hover{filter:brightness(1.05)}.card-thumbnail:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Crect width="100" height="100" fill="%23e5e7eb"/%3E%3Ctext x="50" y="50" font-size="14" text-anchor="middle" fill="%23666" dy=".3em"%3EImage%3C/text%3E%3C/svg%3E') 50%/contain no-repeat;opacity:.5;display:none}[data-theme=dark] .card-thumbnail:before{background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"%3E%3Crect width="100" height="100" fill="%234b5563"/%3E%3Ctext x="50" y="50" font-size="14" text-anchor="middle" fill="%239ca3af" dy=".3em"%3EImage%3C/text%3E%3C/svg%3E') 50%/contain no-repeat}.card-thumbnail:has(.thumbnail-image[style*="display: none"]):before{display:block}.content-card{display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:.75rem;overflow:hidden;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s;cursor:pointer}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.card-header{padding:1.25rem}.card-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.card-meta{display:flex;justify-content:space-between;font-size:.875rem;color:var(--light-text);margin-bottom:.5rem}.card-source{font-weight:500}.card-body{color:var(--light-text);font-size:.95rem}.card-body,.card-footer{padding:0 1.25rem 1.25rem}.view-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.view-link:hover{color:var(--primary-hover);text-decoration:underline}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:1rem;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.2);animation:modalFadeIn .3s ease-out;display:flex;flex-direction:column}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--card-bg)}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0}.modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;color:var(--text-color);transition:color .2s,transform .2s}.modal-close:hover{color:var(--primary-color);transform:rotate(90deg)}.modal-body{padding:1.5rem;background:var(--card-bg);flex:1 1}.modal-thumbnail{width:100%;max-height:200px;overflow:hidden;border-radius:.5rem;margin-bottom:1rem}.modal-thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.modal-meta{display:flex;justify-content:space-between;font-size:.875rem;color:var(--light-text);margin-bottom:1rem}.modal-source{font-weight:500}.modal-content{font-size:1rem;color:var(--text-color);margin-bottom:1.5rem}.modal-thread{margin-top:1.5rem;padding:1rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:.5rem}.modal-thread h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.modal-thread ul{list-style:none;padding:0}.modal-thread li{padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:.95rem}.modal-thread li:last-child{border-bottom:none}.modal-thread-empty,.modal-thread-error,.modal-thread-loading{color:var(--light-text);font-size:.95rem;font-style:italic}.modal-thread-error{color:var(--error-color)}.modal-thread .thread-author{font-weight:500}.modal-thread .thread-author,.modal-thread .thread-body{color:var(--text-color);margin-bottom:.25rem}.modal-thread .thread-date{margin-bottom:.25rem}.modal-thread .thread-date,.modal-thread .thread-score{font-size:.85rem;color:var(--light-text)}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--card-bg);text-align:right}.modal-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.modal-link:hover{color:var(--primary-hover);text-decoration:underline}.error-message{color:var(--error-color);text-align:center;padding:1.5rem;background-color:#fef2f2;border-radius:.5rem;margin:1rem 0;font-weight:500}[data-theme=dark] .error-message{background-color:#7f1d1d}.no-results{text-align:center;padding:2rem;color:var(--light-text);font-size:1.1rem}@media (max-width:768px){.navbar{padding:.75rem 1rem}.navbar-logo{font-size:1.25rem}.hero{padding:4rem 1rem 3rem}.hero-headline{font-size:2rem}.hero-subheadline{font-size:1.25rem}.search-section{padding:1.5rem 0}.search-form{border-radius:2rem}.search-form,.search-input{padding:.75rem}.search-button{padding:.75rem;border-radius:2rem}.filter-tabs{gap:.75rem;padding:.75rem 0}.filter-tab{padding:.4rem 1rem;font-size:.875rem;border-radius:.75rem}.content-grid{grid-template-columns:1fr}.card-thumbnail{height:120px}.modal{width:95%;max-height:85vh;border-radius:.75rem}.modal-header{padding:1rem}.modal-title{font-size:1.25rem}.modal-body{padding:1rem}.modal-footer{padding:.75rem 1rem}.modal-thumbnail{max-height:150px}.modal-content{font-size:.95rem}.modal-thread h4{font-size:1rem}.modal-thread li{font-size:.875rem}}@media (max-width:480px){.hero-headline{font-size:1.75rem}.hero-subheadline{font-size:1rem}.search-section{padding:1rem 0}.search-input{font-size:1rem}.filter-tabs{gap:.5rem}.filter-tab{padding:.3rem .8rem;font-size:.8rem;border-radius:.75rem}.modal{width:98%;max-height:80vh}.modal-header{padding:.75rem}.modal-title{font-size:1.1rem}.modal-body{padding:.75rem}.modal-footer{padding:.5rem .75rem}.modal-thumbnail{max-height:120px}.modal-content{font-size:.875rem}.modal-thread h4{font-size:.95rem}.modal-thread li{font-size:.8rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:fadeInUp .4s ease-out}.pay-now-button{background:#007bff;color:#fff;border:none;padding:1rem 2.25rem;border-radius:2rem;font-weight:600;font-size:1.15rem;cursor:pointer;margin-top:1.75rem;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 6px 12px rgba(0,123,255,.4);-webkit-user-select:none;-moz-user-select:none;user-select:none}.pay-now-button:focus,.pay-now-button:hover{background-color:#0056d2;transform:scale(1.05);box-shadow:0 8px 16px rgba(0,86,210,.6);outline:none}.pay-now-button:focus-visible{outline:3px solid #80bdff;outline-offset:2px}@keyframes payment-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes payment-modal-scale-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.payment-modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;animation:payment-modal-fade-in .3s ease-out}.payment-modal-container{position:relative;width:100%;max-width:64rem;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:white;padding:0;border-radius:1.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid rgba(71,85,105,.5);animation:payment-modal-scale-in .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.payment-modal-decoration-top{top:0;right:0;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%)}.payment-modal-decoration-bottom,.payment-modal-decoration-top{position:absolute;width:24rem;height:24rem;filter:blur(60px);z-index:-1;pointer-events:none}.payment-modal-decoration-bottom{bottom:0;left:0;background:radial-gradient(circle,rgba(168,85,247,.1) 0,transparent 70%)}.payment-modal-header{position:relative;padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(71,85,105,.5)}.payment-modal-header-content{display:flex;align-items:flex-start;justify-content:space-between}.payment-modal-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.payment-modal-subtitle{color:#cbd5e1;font-size:1.125rem}.payment-modal-close{padding:.5rem;background:transparent;border:none;cursor:pointer;border-radius:9999px;transition:background-color .2s;color:white}.payment-modal-close:hover{background-color:rgba(71,85,105,.5)}.payment-modal-body{padding:2rem}.payment-modal-section{margin-bottom:1.5rem}.payment-modal-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#cbd5e1}.payment-modal-input{width:100%;padding:.75rem 1rem;background-color:rgba(30,41,59,.5);border:1px solid #475569;border-radius:.75rem;color:white;font-size:1rem;outline:none;transition:all .2s}.payment-modal-input::placeholder{color:#64748b}.payment-modal-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.payment-modal-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.payment-modal-pricing-card{position:relative;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.2));border:1px solid rgba(59,130,246,.3);border-radius:1rem;padding:1.5rem;transition:all .3s}.payment-modal-pricing-card:hover{border-color:rgba(59,130,246,.5);transform:translateY(-2px)}.payment-modal-pricing-card.monthly{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(147,51,234,.2));border:2px solid rgba(168,85,247,.5)}.payment-modal-pricing-card.monthly:hover{border-color:rgba(168,85,247,.7)}.payment-modal-best-value{position:absolute;top:-.75rem;right:-.75rem;background:linear-gradient(90deg,#a855f7,#ec4899);color:white;font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:9999px}.payment-modal-pricing-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.payment-modal-plan-name{font-size:1.5rem;font-weight:700;color:#60a5fa}.payment-modal-plan-name.monthly{color:#a78bfa}.payment-modal-price{font-size:3rem;font-weight:700;line-height:1}.payment-modal-price-period{color:#64748b;margin-left:.5rem;font-size:1rem}.payment-modal-features{list-style:none;padding:0;margin:1.5rem 0}.payment-modal-feature{display:flex;align-items:flex-start;margin-bottom:.75rem}.payment-modal-feature svg{color:#60a5fa;margin-right:.5rem;margin-top:.25rem;flex-shrink:0}.payment-modal-feature.monthly svg{color:#a78bfa}.payment-modal-feature span{color:#cbd5e1}.payment-modal-signin-toggle{margin-top:2rem;text-align:center}.payment-modal-signin-text{color:#64748b;margin-bottom:.5rem}.payment-modal-signin-button{color:#60a5fa;background:none;border:none;cursor:pointer;font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color .2s}.payment-modal-signin-button:hover{color:#93c5fd}.payment-modal-signin-form{max-width:28rem;margin:0 auto;animation:payment-modal-fade-in .3s ease-out}.payment-modal-signin-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.payment-modal-submit-button{width:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);color:white;font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s;margin-top:1rem}.payment-modal-submit-button:hover{background:linear-gradient(90deg,#1e40af,#6d28d9);transform:scale(1.02)}.payment-modal-submit-button:active{transform:scale(.98)}.payment-modal-footer{padding:1.5rem 2rem;background-color:rgba(30,41,59,.3);border-top:1px solid rgba(71,85,105,.5)}.payment-modal-footer-text{text-align:center;font-size:.875rem;color:#64748b}@media (max-width:768px){.payment-modal-container{max-width:95%;border-radius:1rem}.payment-modal-title{font-size:1.875rem}.payment-modal-subtitle{font-size:1rem}.payment-modal-body,.payment-modal-footer,.payment-modal-header{padding:1.5rem}.payment-modal-pricing-grid{grid-template-columns:1fr}.payment-modal-price{font-size:2.5rem}}@media (max-width:480px){.payment-modal-backdrop{padding:.5rem}.payment-modal-container{border-radius:.75rem}.payment-modal-title{font-size:1.5rem}.payment-modal-subtitle{font-size:.875rem}.payment-modal-body,.payment-modal-footer,.payment-modal-header{padding:1rem}.payment-modal-price{font-size:2rem}.payment-modal-plan-name{font-size:1.25rem}}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}