:root{--sc-bg:#0a0a0f;--sc-bg-2:#12121a;--sc-surface:#16161f;--sc-surface-2:#1d1d28;--sc-border:rgba(255,255,255,0.08);--sc-border-2:rgba(255,255,255,0.14);--sc-text:#f5f5f7;--sc-text-2:rgba(245,245,247,0.65);--sc-text-3:rgba(245,245,247,0.42);--sc-accent:#818cf8;--sc-accent-2:#a78bfa;--sc-gold:#fbbf24;--sc-radius:14px;--sc-ease:cubic-bezier(0.16,1,0.3,1)}body,html{background:var(--sc-bg);color:var(--sc-text)}.sc-page{min-height:100vh;max-width:1440px;margin:0 auto;padding:32px 28px 80px;font-family:Inter,system-ui,sans-serif}.sc-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 4px 24px;border-bottom:1px solid var(--sc-border);margin-bottom:28px;flex-wrap:wrap}.sc-header-text h1{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.025em;margin:0 0 4px;color:var(--sc-text)}.sc-header-text p{margin:0;font-size:14px;color:var(--sc-text-2)}.sc-header-actions{display:flex;gap:10px;align-items:center}.sc-header-ghost{font-size:13px;font-weight:600;color:var(--sc-text-2);text-decoration:none;padding:9px 14px;border-radius:9px;border:1px solid var(--sc-border);transition:border-color .18s,color .18s}.sc-header-ghost:hover{color:var(--sc-text);border-color:var(--sc-border-2)}.sc-header-cta{font-size:13px;font-weight:700;color:white;background:linear-gradient(135deg,#6366f1,#8b5cf6);padding:10px 16px;border-radius:10px;text-decoration:none;box-shadow:0 6px 18px rgba(99,102,241,.35);transition:transform .15s,box-shadow .18s}.sc-header-cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(99,102,241,.5)}.sc-toolbar{gap:12px;margin-bottom:28px;flex-wrap:wrap}.sc-search,.sc-toolbar{display:flex;align-items:center}.sc-search{gap:8px;flex:1;min-width:220px;padding:0 12px;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:10px;transition:border-color .18s,background .18s}.sc-search:focus-within{border-color:var(--sc-accent);background:var(--sc-surface-2)}.sc-search svg{color:var(--sc-text-3);flex-shrink:0}.sc-search input{flex:1;background:transparent;border:0;outline:0;color:var(--sc-text);font-size:14px;padding:11px 0;font-family:inherit}.sc-search input::placeholder,.sc-search-clear{color:var(--sc-text-3)}.sc-search-clear{background:transparent;border:0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .15s,background .15s}.sc-search-clear:hover{color:var(--sc-text);background:rgba(255,255,255,.06)}.sc-filters{display:inline-flex;gap:4px;background:var(--sc-surface);border:1px solid var(--sc-border);border-radius:10px;padding:4px}.sc-filter{background:transparent;border:0;color:var(--sc-text-2);font-size:13px;font-weight:600;padding:7px 14px;border-radius:7px;cursor:pointer;transition:background .18s,color .18s;font-family:inherit}.sc-filter:hover{color:var(--sc-text);background:rgba(255,255,255,.04)}.sc-filter-active{background:var(--sc-surface-2);color:var(--sc-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.sc-filter-pro.sc-filter-active{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(139,92,246,.18));color:#c4b5fd}.sc-group{margin-bottom:48px}.sc-group-head{display:flex;align-items:baseline;gap:10px;margin:0 0 18px}.sc-group-head h2{font-size:18px;font-weight:700;margin:0;color:var(--sc-text);letter-spacing:-.01em}.sc-group-count{font-size:12px;color:var(--sc-text-3);font-weight:600;background:var(--sc-surface);border:1px solid var(--sc-border);padding:2px 8px;border-radius:99px}.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.sc-card{background:transparent;border:0;padding:0;cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:10px;transition:transform .2s var(--sc-ease)}.sc-card:hover{transform:translateY(-2px)}.sc-card-frame{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--sc-radius);overflow:hidden;border:1px solid var(--sc-border);background:var(--sc-surface);transition:border-color .2s,box-shadow .2s}.sc-card:hover .sc-card-frame{border-color:var(--sc-border-2);box-shadow:0 16px 40px -16px rgba(0,0,0,.6)}.sc-card-frame-dark{background:#08080d}.sc-card-frame-light{background:#f6f7fb}.sc-card-iframe{position:absolute;top:0;left:0;width:250%;height:250%;border:0;transform:scale(.4);transform-origin:top left;pointer-events:none}.sc-card-skel{position:absolute;inset:0;background:linear-gradient(110deg,transparent 0,rgba(255,255,255,.04) 50%,transparent 100%) no-repeat,var(--sc-surface);background-size:200% 100%;animation:sc-skel 1.4s ease-in-out infinite}@keyframes sc-skel{to{background-position:-200% 0}}.sc-card-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:14px;opacity:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.55));transition:opacity .22s var(--sc-ease);pointer-events:none}.sc-card:hover .sc-card-overlay{opacity:1}.sc-card-overlay-text{font-size:12px;font-weight:700;color:white;background:rgba(255,255,255,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.2)}.sc-card-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:99px;z-index:2}.sc-card-badge-free{background:rgba(16,185,129,.18);color:#34d399;border:1px solid rgba(16,185,129,.35)}.sc-card-badge-pro{background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(139,92,246,.32));color:#ffffff;border:1px solid rgba(167,139,250,.55);box-shadow:0 4px 12px rgba(99,102,241,.35)}.sc-card-badge-pro svg{color:var(--sc-gold)}.sc-card-meta{padding:0 2px}.sc-card-name{font-size:14px;font-weight:700;color:var(--sc-text);margin-bottom:2px;letter-spacing:-.01em}.sc-card-tag{font-size:12px;color:var(--sc-text-3);font-weight:500}.sc-empty{padding:80px 20px;text-align:center;color:var(--sc-text-2)}.sc-empty p{margin:0 0 14px;font-size:15px}.sc-empty-reset{background:var(--sc-surface);border:1px solid var(--sc-border);color:var(--sc-text);font-size:13px;font-weight:600;padding:9px 18px;border-radius:9px;cursor:pointer;font-family:inherit;transition:border-color .18s}.sc-empty-reset:hover{border-color:var(--sc-border-2)}.sc-final{margin-top:56px;padding:48px 20px;border-radius:24px;background:radial-gradient(ellipse 60% 80% at 50% 0,rgba(99,102,241,.18),transparent),linear-gradient(180deg,var(--sc-surface),var(--sc-bg-2));border:1px solid var(--sc-border);text-align:center}.sc-final-inner{max-width:540px;margin:0 auto}.sc-final h2{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.sc-final p{margin:0 0 22px;color:var(--sc-text-2);font-size:15px;line-height:1.55}.sc-final p strong{color:var(--sc-accent-2)}.sc-final-actions{display:inline-flex;gap:10px;flex-wrap:wrap;justify-content:center}.sc-final-secondary{font-size:14px;font-weight:700;color:var(--sc-text);text-decoration:none;padding:12px 22px;border-radius:10px;border:1px solid var(--sc-border-2);background:rgba(255,255,255,.03);transition:background .18s,border-color .18s}.sc-final-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22)}.sc-final-primary{font-size:14px;font-weight:700;color:white;text-decoration:none;padding:12px 22px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 28px -8px rgba(99,102,241,.55);transition:transform .15s,box-shadow .18s}.sc-final-primary:hover{transform:translateY(-1px);box-shadow:0 14px 36px -8px rgba(99,102,241,.7)}.sc-drawer{position:fixed;inset:0;z-index:100;display:flex;align-items:stretch;justify-content:center}.sc-drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:sc-fade .2s ease}@keyframes sc-fade{0%{opacity:0}to{opacity:1}}.sc-drawer-panel{position:relative;width:100%;max-width:1280px;margin:24px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;animation:sc-slide .32s var(--sc-ease);box-shadow:0 40px 80px -20px rgba(0,0,0,.6)}@keyframes sc-slide{0%{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-drawer-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid var(--sc-border);background:var(--sc-surface);flex-wrap:wrap}.sc-drawer-bar-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.sc-drawer-close{background:transparent;border:0;color:var(--sc-text-2);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.sc-drawer-close:hover{color:var(--sc-text);background:rgba(255,255,255,.06)}.sc-drawer-title{display:flex;flex-direction:column;min-width:0}.sc-drawer-name{font-size:14px;font-weight:700;color:var(--sc-text);letter-spacing:-.01em}.sc-drawer-tag{font-size:11.5px;color:var(--sc-text-3);font-weight:500}.sc-drawer-pro-pill{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:4px 9px;border-radius:99px;background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(139,92,246,.32));color:#ffffff;border:1px solid rgba(167,139,250,.55)}.sc-drawer-pro-pill svg{color:var(--sc-gold)}.sc-drawer-bar-right{display:inline-flex;gap:8px;flex-shrink:0}.sc-drawer-secondary{font-size:13px;font-weight:600;color:var(--sc-text-2);text-decoration:none;padding:8px 14px;border-radius:8px;border:1px solid var(--sc-border);transition:color .18s,border-color .18s}.sc-drawer-secondary:hover{color:var(--sc-text);border-color:var(--sc-border-2)}.sc-drawer-primary{font-size:13px;font-weight:700;color:white;text-decoration:none;padding:8px 16px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px rgba(99,102,241,.35);transition:transform .15s,box-shadow .18s}.sc-drawer-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(99,102,241,.5)}.sc-drawer-primary-pro{background:linear-gradient(135deg,#f59e0b,#ef4444);box-shadow:0 6px 18px rgba(245,158,11,.4)}.sc-drawer-iframe{flex:1;width:100%;min-height:0;border:0;background:#ffffff}.sc-drawer-pro-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:linear-gradient(180deg,rgba(15,23,42,.6),rgba(15,23,42,.95));border-top:1px solid var(--sc-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap}.sc-drawer-pro-strip-text{font-size:13px;color:var(--sc-text-2)}.sc-drawer-pro-strip-text strong{color:var(--sc-text)}.sc-drawer-pro-strip-cta{font-size:13px;font-weight:700;color:white;text-decoration:none;padding:9px 18px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 18px rgba(99,102,241,.4);white-space:nowrap}@media (max-width:768px){.sc-page{padding:20px 16px 60px}.sc-header{gap:16px;padding:0 0 20px}.sc-header-actions{width:100%}.sc-header-cta,.sc-header-ghost{flex:1;text-align:center}.sc-grid{grid-template-columns:1fr;gap:14px}.sc-toolbar{gap:10px}.sc-search{min-width:100%}.sc-filters{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.sc-filter{white-space:nowrap}.sc-drawer-panel{margin:0;border-radius:0}.sc-drawer-bar{padding:10px 12px}.sc-drawer-bar-right{width:100%}.sc-drawer-bar-right a{flex:1;text-align:center}.sc-drawer-pro-strip{flex-direction:column;gap:10px;text-align:center}.sc-drawer-pro-strip-cta{width:100%;text-align:center}}