@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg-deep: #000000;--bg-panel: #0a0a0a;--bg-elevated: #141414;--text: #ffffff;--text-muted: rgba(255, 255, 255, .45);--text-dim: rgba(255, 255, 255, .72);--glass: rgba(10, 10, 10, .88);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .08);--accent: #ffffff;--accent-glow: rgba(255, 255, 255, .2);--ng-green: #c8ffc8;--success: #e8ffe8;--gold: linear-gradient(135deg, #ffffff, #cccccc);--radius-lg: 16px;--radius-md: 12px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1)}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased;overflow-x:hidden}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px 2px var(--accent-glow)}}@keyframes speed-lines{0%{transform:translate(0)}to{transform:translate(-48px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.6))}}.glass{background:#080808eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border)}.glass-inner{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:border-color .2s var(--ease-out),background .2s var(--ease-out),transform .25s var(--ease-snap)}.glass-inner:hover{border-color:#ebf1ff2e}.layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.layout-bg{position:fixed;inset:0;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(120,119,198,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,119,198,.1),transparent),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(119,198,255,.1),transparent);animation:gradient-shift 15s ease infinite;background-size:200% 200%}.layout-bg:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-12deg,transparent,transparent 40px,rgba(235,241,255,.015) 40px,rgba(235,241,255,.015) 41px);animation:speed-lines 1.2s linear infinite;opacity:.6}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#060812d9;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.75rem;animation:glow-pulse 3s ease-in-out infinite}.logo-icon{filter:drop-shadow(0 0 8px rgba(255,255,255,.4))}.logo span:first-of-type{font-weight:800;color:var(--text)}.logo-sub{font-weight:400;color:var(--text-dim)}.nav{display:flex;gap:2rem;align-items:center}.nav a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s,transform .2s var(--ease-snap);position:relative}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s var(--ease-out);box-shadow:0 0 10px var(--accent)}.nav a:hover{color:var(--text);transform:translateY(-2px)}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass);color:var(--text);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s var(--ease-snap),border-color .2s,box-shadow .2s}.btn:hover{background:var(--glass-hover);transform:translateY(-1px);box-shadow:0 4px 20px #ffffff1a}.btn-primary{background:#fff;color:#000;border:1px solid #ffffff;box-shadow:0 4px 24px #ffffff1f}.btn-primary:hover{background:#e8e8e8;border-color:#e8e8e8;box-shadow:0 6px 28px #ffffff2e}.main{position:relative;z-index:1;flex:1;padding:2rem}.library{max-width:1200px;margin:0 auto}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.library-header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;position:relative;padding-left:14px}.library-header h1:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;border-radius:2px;background:linear-gradient(180deg,var(--accent),transparent)}.footer{position:relative;z-index:10;padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid var(--glass-border);background:#06081280}.disclaimer{margin-top:.5rem;font-size:.75rem;color:var(--text-muted);opacity:.7}.home{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:4rem}.hero{text-align:center;padding:4rem 0;animation:fade-up .6s var(--ease-out) both}.hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1 span{display:block;font-size:2.5rem;font-weight:400;color:var(--text-dim);-webkit-text-fill-color:var(--text-dim);margin-top:.5rem}.hero-sub{font-size:1.2rem;color:var(--text-dim);max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature{padding:2rem;animation:fade-up .5s var(--ease-out) both;transition:transform .3s var(--ease-snap),border-color .3s}.feature:hover{transform:translateY(-4px);border-color:#ffffff40}.feature-icon{margin-bottom:1rem;color:var(--accent);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.feature h3{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em}.feature p{color:var(--text-dim);line-height:1.6;font-size:.95rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;animation:fade-up .5s var(--ease-out) .2s both}.stats>div{text-align:center;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.stat-icon{color:var(--ng-green);filter:drop-shadow(0 0 8px rgba(200,255,200,.4))}.stats strong{display:block;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#c8ffc8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stats span{font-size:.9rem;color:var(--text-dim);font-weight:500}.cta{text-align:center;padding:3rem;animation:fade-up .5s var(--ease-out) .3s both}.cta-icon{margin-bottom:1.5rem;color:var(--success);filter:drop-shadow(0 0 15px rgba(232,255,232,.5));animation:float 3s ease-in-out infinite}.cta h2{font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.cta p{color:var(--text-dim);max-width:600px;margin:0 auto 2rem;line-height:1.6}.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.mod-card{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;animation:fade-up .45s var(--ease-out) both;position:relative;overflow:hidden;transition:transform .3s var(--ease-snap),border-color .3s}.mod-card:after{content:"";position:absolute;top:0;right:-100%;width:60%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(235,241,255,.04) 50%,transparent 60%);transition:right .5s var(--ease-out);pointer-events:none}.mod-card:hover{transform:translateY(-4px);border-color:#ffffff40}.mod-card:hover:after{right:-20%}.mod-card h3{font-weight:600;font-size:1.1rem;letter-spacing:-.02em}.mod-card footer{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--text-dim);margin-top:.5rem;gap:.5rem}.mod-card-meta{display:flex;align-items:center;gap:.35rem}.star-icon{color:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.subscription{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}.subscription-hero{text-align:center;padding:3rem 0}.hero-icon{margin-bottom:1.5rem;color:gold;filter:drop-shadow(0 0 15px rgba(255,215,0,.5));animation:float 3s ease-in-out infinite}.subscription-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.plan-card{padding:2rem;text-align:center;position:relative;overflow:hidden}.plan-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.discount-badge{display:inline-block;padding:.25rem .75rem;background:#ff646433;color:#ff6b6b;border-radius:var(--radius-pill);font-size:.85rem;font-weight:700;margin-bottom:1rem}.price{font-size:2.5rem;font-weight:800;margin:1rem 0;background:linear-gradient(135deg,#fff,#c8ffc8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-section{padding:2rem}.faq-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.section-icon{color:var(--accent);filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.faq-item{padding:1rem;border-bottom:1px solid var(--glass-border);cursor:pointer;transition:background .2s}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:var(--glass-hover)}.faq-item summary{font-weight:600;font-size:1rem;list-style:none;display:flex;align-items:center;gap:.5rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";font-size:1.25rem;font-weight:700;color:var(--accent);transition:transform .2s}.faq-item[open] summary:before{transform:rotate(45deg)}.faq-item p{margin-top:1rem;color:var(--text-dim);line-height:1.6}.cta-section{text-align:center;padding:2rem 0}.mod-card p{font-size:.9rem;color:var(--text-muted);line-height:1.5;flex:1}.badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em}.badge-gold{background:var(--gold);color:#1a1200}.badge-free{background:#a7ff8c26;color:var(--success)}.category-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.category-bar button{padding:.5rem 1rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-out)}.category-bar button.active,.category-bar button:hover{background:var(--glass);border-color:var(--glass-border);color:var(--text)}.category-bar button.active{border-color:#ffffff59}.search-wrap{position:relative;margin-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#06081280;color:var(--text);outline:none;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#ffffff73;box-shadow:0 0 0 3px #ffffff14}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.nav{flex-wrap:wrap;gap:1rem;justify-content:center}.hero h1{font-size:2.5rem}.hero h1 span{font-size:1.8rem}.features{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.library-header{flex-direction:column;align-items:flex-start}.search-wrap,.search-input{width:100%}.plans-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--orange: #f15a22;--navy: #0a0e27;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .18);--text: #ffffff;--text-muted: rgba(255, 255, 255, .65)}body{font-family:Inter,sans-serif;background:var(--navy);color:var(--text);min-height:100vh}h1,h2,h3,.heading{font-family:Syne,sans-serif}a{color:inherit;text-decoration:none}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:24px;border:1px solid var(--glass-border);background:var(--glass);color:#fff;font-family:Syne,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.btn:hover{background:#ffffff26;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),#ff8c42);border-color:transparent}.btn-primary:hover{background:linear-gradient(135deg,#ff6b35,#ff9f5a)}.badge-gold{background:linear-gradient(135deg,gold,#fa0);color:#0a0e27;padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:700;text-transform:uppercase}.badge-free{background:#4caf504d;border:1px solid rgba(76,175,80,.5);padding:.15rem .5rem;border-radius:6px;font-size:.65rem;font-weight:600}
