@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";body{background:linear-gradient(145deg,#0c0c0c,#181818 50% 50%,#272525)}:root{--primary: #6366f1;--bg: #090e1a;--side-bg: #111827;--border: #2d3748;--text: #f3f4f6;--text-dim: #9ca3af;--success: #10b981}.codevora-container{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}.pcc-header{padding:.8rem 1rem;background:#111827cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.pcc-logo{font-family:Plus Jakarta Sans,sans-serif;font-weight:800;font-size:1.2rem;display:flex;align-items:center}.pcc-logo span{color:var(--primary)}.pcc-actions{display:flex;align-items:center;gap:10px}.pcc-main{display:grid;grid-template-columns:500px 1fr;flex:1;overflow:hidden}.editor-section{background:var(--side-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.pcc-tabs{display:flex;background:#060910;overflow-x:auto;scrollbar-width:none}.pcc-tabs::-webkit-scrollbar{display:none}.pcc-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);padding:12px 15px;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap;transition:.3s;display:flex;align-items:center;gap:6px}.pcc-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#6366f10d}.editor-area{flex:1;background:#0d1117;overflow:hidden}textarea{width:100%;height:100%;background:transparent;color:#e6edf3;border:none;padding:15px;font-family:Fira Code,monospace;font-size:13px;resize:none;outline:none;line-height:1.6}.preview-section{background:#070b14;padding:20px;display:flex;flex-direction:column;min-height:0}.browser-mock{flex:1;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.browser-head{background:#f8fafc;padding:8px 15px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #e2e8f0}.pcc-circles{display:flex;gap:5px}.pcc-circles span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.pcc-circle-1{background:red!important}.pcc-circle-2{background:green!important}.pcc-circle-3{background:#00f!important}.pcc-url-bar{flex:1;background:#fff;height:22px;border-radius:4px;border:1px solid #e2e8f0;font-size:10px;display:flex;align-items:center;padding-left:8px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}iframe{width:100%;flex:1;border:none;background:#fff}.pcc-btn{background:var(--primary);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.8rem}.pcc-live-badge{display:flex;flex-direction:row;align-items:center;gap:15px}.dot-blink{width:10px;height:10px;background:var(--success);border-radius:50%;animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:992px){.pcc-main{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.editor-section{border-right:none;border-bottom:1px solid var(--border)}.preview-section{order:-1;padding:10px}.pcc-logo{font-size:1.1rem}@media(max-width:480px){.live-badge{display:none}.pcc-header{padding:.5rem}.pcc-tab{padding:10px;font-size:.7rem}}}.pcc-tabs-wrapper{display:flex;justify-content:space-between;align-items:center;background:#060910;border-bottom:1px solid var(--border);padding-right:10px}.pcc-tabs{flex:1;display:flex;border-bottom:none}.individual-copy-btn{background:#ffffff0d;color:var(--text-dim);border:1px solid var(--border);padding:4px 10px;border-radius:4px;font-size:.7rem;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:5px}.individual-copy-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.editor-area{position:relative}.code-editor-container{position:relative;width:100%;height:100%;background:#1e1e1e}.pcc-textarea,.pcc-highlight-layer{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px!important;margin:0!important;font-family:Fira Code,Courier New,monospace!important;font-size:14px!important;line-height:1.6!important;tab-size:2;white-space:pre!important;word-wrap:normal!important;overflow:auto!important;box-sizing:border-box}.pcc-textarea{z-index:2;background:transparent!important;color:transparent!important;caret-color:#007bff;resize:none;border:none;outline:none}.pcc-highlight-layer{z-index:1;background:transparent!important;pointer-events:none;border:none!important}.pcc-highlight-layer code{background:transparent!important;font-family:inherit!important;padding:0!important}.pcc-textarea::-webkit-scrollbar{width:8px}.pcc-textarea::-webkit-scrollbar-thumb{background:#444;border-radius:10px}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.inserted{color:green}.main-PlayGround-body{min-height:100%;width:100%}.cv-wrapper{display:flex;gap:22px;padding:20px;background:transparent;min-height:auto;box-sizing:border-box;font-family:Inter,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Segoe UI,Roboto,Helvetica Neue,Arial}.cv-sidebar{width:260px;min-width:220px;background:linear-gradient(145deg,#0c0c0c,#181818 50% 50%,#272525);border:1px solid white;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0206170f;display:flex;flex-direction:column;gap:18px}@media(max-width:980px){.cv-sidebar{width:100%}.cv-sidebar-title{margin:0}.cv-code-card{font-size:.8rem}.cv-control-container{display:flex;flex-direction:row;justify-content:space-between}.cv-control input[type=color]{width:55px!important;height:25px!important;border-radius:10px!important}.cv-code-wrapper{order:1}.cv-wrapper{flex-direction:column;padding:0;gap:14px}}@media(max-width:680px){.cv-code-card{min-width:100%}.cv-code-card{font-size:.7rem}}.cv-canvas{position:relative;background:#fff;border-radius:16px;border:1px solid #e6eef8;width:100%;height:100%;aspect-ratio:1/1;max-width:1366px;padding-top:56.25%;box-shadow:0 14px 30px #0206170f;overflow:hidden;margin:0 auto}.cv-canvas-inner{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1/1}.cv-box{position:absolute;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease;will-change:transform,width,height,left,top;box-sizing:border-box}.cv-box:hover{transform:scale(1.04);box-shadow:0 12px 30px #0206171f}.cv-box.dragging{cursor:grabbing;transition:none!important}.cv-remove-btn{position:absolute;top:-10px;right:-10px;background:#ef4444;width:26px;height:26px;border-radius:50%;border:none;color:#fff;cursor:pointer;font-weight:700;box-shadow:0 6px 12px #0206171f}.snap-line-horizontal{position:absolute;width:100%;height:1px;background:red;pointer-events:none;z-index:9999}.snap-line-vertical{position:absolute;height:100%;width:1px;background:red;pointer-events:none;z-index:9999}.cv-box-index{font-weight:800;font-size:13px;pointer-events:none}.cv-code-wrapper{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.cv-code-card{font-size:.9rem;max-width:49%;flex:1;background:linear-gradient(180deg,#0c111ffa,#0a0d18fa);color:#e6eef8;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #0206171f;border:1px solid rgba(255,255,255,.03)}.cv-code-top.codevora-top{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:linear-gradient(90deg,#ffffff05,#ffffff03);border-bottom:1px solid rgba(255,255,255,.02);gap:8px}.cv-code-title{font-weight:700;color:#e6eef8;letter-spacing:.2px;font-size:14px}.cv-code-actions{display:flex;gap:8px;align-items:center}.cv-copy-btn-small{background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:#cfe7ff;width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease}.cv-copy-btn-small:hover{transform:translateY(-3px);background:#ffffff0a}.cv-copied-badge{background:#065f46;color:#e6f6ef;padding:6px 8px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 6px 16px #0206171f}.cv-code-area{padding:14px 16px;font-family:Fira Code,monospace;font-size:13px;line-height:1.5;max-height:260px;overflow:auto;color:#e6eef8;background:transparent;white-space:pre-wrap;border:.8px solid white;border-radius:15px}pre[class*=language-]{margin:0;height:100%}.cv-code-area::-webkit-scrollbar{width:8px;height:8px}.cv-code-area::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:6px}.cv-code-area::-webkit-scrollbar-track{background:#ffffff03}.cv-btn-primary:active,.cv-copy-btn-small:active{transform:translateY(0)}.cv-sidebar-title{font-size:18px;color:#fff;font-weight:700}.cv-btn-primary{appearance:none;border:none;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#39e007,#1a6f06);color:#fff;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.cv-btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2563eb26}.cv-btn-ghost{background:transparent;border:1px dashed #cbd5e1;color:#334155;padding:8px 12px;border-radius:8px;cursor:pointer}.cv-control label{font-size:13px;color:#fff;font-weight:600;margin-bottom:6px;display:block}.cv-control input[type=range]{width:100%}.cv-control input[type=color]{width:100%;height:42px;border-radius:8px;border:none}.cv-sidebar-footer{margin-top:auto;display:flex;gap:8px}.cv-content{flex:1;display:flex;flex-direction:column;gap:18px}.cv-btn-viewcode,.cv-btn-deleteBOX,.cv-btn-copyBOX{appearance:none;border:none;padding:6px 9px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.cv-btn-viewcode:hover,.cv-btn-deleteBOX:hover,.cv-btn-copyBOX:Hover{transform:translateY(-2px);box-shadow:0 6px 14px #2563eb40}.cv-btn-deleteBOX{background:linear-gradient(135deg,#ab2020,#ff0303)!important}.cv-btn-copyBOX{background:linear-gradient(135deg,#ab2020,#03d9ff)!important}.cr-layout-wrapper{display:flex!important;justify-content:space-between}.cr-sidebar{transition:all .3s ease}.cr-left-sidebar,.cr-right-sidebar{max-width:270px}.cr-main-content{transition:max-width .3s ease}body.cr-components-page .cr-left-sidebar,body.cr-components-page .cr-right-sidebar{display:block}body.cr-components-page .cr-main-content{max-width:calc(100vw - 530px)}body.cr-topics-page .cr-left-sidebar{display:none}body.cr-topics-page .cr-right-sidebar{display:block}body.cr-topics-page .cr-main-content{max-width:calc(100vw - 300px)}@media(max-width:1225px){body.cr-components-page .cr-left-sidebar{display:block}body.cr-components-page .cr-right-sidebar{display:none}body.cr-components-page .cr-main-content{max-width:calc(100vw - 300px)}body.cr-topics-page .cr-left-sidebar{display:none}body.cr-topics-page .cr-right-sidebar{display:block}body.cr-topics-page .cr-main-content{max-width:calc(100vw - 300px)}}@media(max-width:767px){.cr-left-sidebar,.cr-right-sidebar{display:none!important}.cr-main-content,body.cr-components-page .cr-main-content,body.cr-topics-page .cr-main-content{width:100vw!important;max-width:100vw!important;margin:0!important;padding:.75rem!important}.cr-main-content.container{max-width:100vw!important;padding-left:.75rem!important;padding-right:.75rem!important}body{overflow-x:hidden}}body.cr-zoomed .cr-left-sidebar,body.cr-zoomed .cr-right-sidebar{display:none!important}body.cr-zoomed .cr-main-content{max-width:100vw}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.interactive-grid-container{position:relative;width:100%;overflow-x:hidden}.main-content-wrapper{position:relative;z-index:1}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:linear-gradient(to right,#ffffff1f 1px,#0000 1px),linear-gradient(to bottom,#ffffff2e 1px,#0000 1px);background-size:40px 40px;mask-image:radial-gradient(circle 250px at var(--mouse-x) var(--mouse-y),black 20%,transparent 100%);-webkit-mask-image:radial-gradient(circle 250px at var(--mouse-x) var(--mouse-y),black 20%,transparent 100%)}.grid-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle 200px at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.09),transparent 90%)}:root{--bg-dark: #0a0a0c;--accent-blue: #3b82f6;--accent-gold: #f59e0b;--glass-card: rgba(255, 255, 255, .03);--glass-stroke: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--inset-shadow: rgba(2, 82, 255, .208)}.ct-skeleton-lang-card{background:#ffffff14;border-radius:50px;padding:5px;display:flex;align-items:center;gap:8px}@keyframes ct-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ct-skeleton-lang-card,.ct-skeleton-topic-card{position:relative;overflow:hidden;border:1px solid var(--glass-stroke);background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:ct-shimmer 1.5s infinite linear}.ct-skeleton-lang-card{width:120px;height:42px;border-radius:100px;display:inline-flex}.ct-skeleton-topic-card{min-height:120px;border-radius:14px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.ct-skeleton-title{width:70%;height:14px;background:#ffffff0d;border-radius:4px}.ct-skeleton-footer{width:40%;height:10px;background:#ffffff0d;border-radius:4px}.ct-tutorial-topic-page{padding:40px;max-width:1600px;margin:0 auto}.ct-page-title{text-align:center;font-size:2.6rem;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;background:linear-gradient(90deg,var(--accent-blue),#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:20px;margin-bottom:40px}.ct-fs-wrapper{margin-bottom:50px;display:flex;justify-content:center;position:sticky;top:20px;z-index:100}.ct-fs-scroll{background:#0a0a0ccc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px;border-radius:100px;border:1px solid var(--glass-stroke);box-shadow:0 10px 30px #00000080}.ct-fs-grid{display:flex;gap:5px}.ct-fs-card{padding:10px 24px;border-radius:100px;text-decoration:none!important;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.ct-fs-card:hover{color:var(--text-primary);background:#ffffff0d}.ct-selected-card{background:transparent!important;color:#fff!important;box-shadow:inset 0 4px 6px 2px #3882b78c;border:2px solid blue}.ct-fs-card-icon{font-size:1.1rem}.ct-fs-card-text{font-weight:600;font-size:.85rem}.ct-language-title{font-size:1.4rem;font-weight:600;margin-bottom:25px;color:var(--text-primary);border-left:3px solid var(--accent-blue);padding-left:15px}.ct-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.ct-topic-card{background:var(--glass-card);border:1px solid var(--glass-stroke);border-radius:14px;padding:20px;text-decoration:none!important;transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;position:relative}.ct-topic-card:hover{background:#ffffff0f;border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 12px 24px #000000e3,inset 0 5px 11px var(--inset-shadow)}.ct-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ct-topic-card h3{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600;line-height:1.4;padding-right:10px}.ct-badge-new{background:var(--accent-gold);color:#000;font-size:.65rem;font-weight:900;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 10px #f59e0b4d;flex-shrink:0}.ct-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.ct-comp-count i{color:var(--accent-blue);font-size:.9rem}.ct-comp-count{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;font-weight:500}.ct-topic-card:hover .ct-comp-count{color:var(--accent-blue)}.ct-topic-card:after{content:"→";position:absolute;right:20px;bottom:16px;color:var(--accent-gold);opacity:0;transform:translate(-10px);transition:all .25s ease;font-weight:700}.ct-topic-card:hover:after{opacity:1;transform:translate(0)}.ct-no-topic{grid-column:1 / -1;padding:60px;text-align:center;color:var(--text-secondary);background:var(--glass-card);border-radius:12px;border:1px dashed var(--glass-stroke)}@media(max-width:1024px){.ct-topic-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ct-tutorial-topic-page{padding:25px}}@media(max-width:640px){.ct-page-title{font-size:1.4rem;letter-spacing:.1em;margin-bottom:15px}.ct-topic-grid{grid-template-columns:1fr}.ct-fs-wrapper{top:10px}.ct-fs-card{padding:8px 16px}.ct-fs-card-text{font-size:.75rem}}.design-code-section{width:100%;margin-top:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif}.code-tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.tabs-group{display:flex;background:#2a2a2a;padding:4px;border-radius:10px;gap:4px}.tab-item{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border-radius:8px;border:none;background:transparent;color:#a0a0a0;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.tab-item:hover{color:#fff;background:#ffffff0d}.tab-item.active{background:#2575fc;color:#fff;box-shadow:0 4px 12px #2575fc4d}.tab-lock{font-size:.75rem;color:#f7971e}.copy-btn-new{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .2s,background .2s;margin-left:auto;border-radius:12px;color:#f7971e;border:1px solid #f7971e;background:transparent}.copy-btn-new:hover:not(.disabled){background:#f7971e;color:#000;transform:translateY(-1px)}.copy-btn-new:active:not(.disabled){transform:translateY(0)}.copy-btn-new.disabled{background:#444;border:1px solid #777;color:#777;cursor:not-allowed;opacity:.7}.dc-code-body{border-radius:15px;overflow:hidden;background:#1e1e1e;border:1px solid #333;box-shadow:0 10px 30px #0003}.code-render-box{position:relative;width:100%}.code-render-box pre{font-size:.85rem!important}.scrollable-code{margin:0!important;padding:1.5rem!important;max-height:550px;min-height:450px;overflow:auto;font-family:Fira Code,Cascadia Code,monospace!important;line-height:1.6;background:transparent!important;transition:filter .3s ease}.scrollable-code::-webkit-scrollbar{width:10px;height:10px}.scrollable-code::-webkit-scrollbar-track{background:#1e1e1e}.scrollable-code::-webkit-scrollbar-thumb{background:#333;border-radius:10px;border:2px solid #1e1e1e}.scrollable-code::-webkit-scrollbar-thumb:hover{background:#444}.premium-lock-overlay{position:absolute;inset:0;z-index:5;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.premium-lock-overlay button{display:flex;align-items:center;gap:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;color:#000;background:#f7971e;border:none;border-radius:12px;cursor:pointer;box-shadow:0 10px 20px #f7971e4d;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.premium-lock-overlay button:hover{background:#fa3;transform:scale(1.05);box-shadow:0 15px 25px #f7971e66}@media(max-width:600px){.code-tabs-container{flex-direction:column;align-items:stretch}.tabs-group{width:100%;justify-content:space-between}.tab-item{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.75rem}.copy-btn-new{width:100%;justify-content:center}.scrollable-code{min-height:350px;font-size:.75rem!important}}.dp-iframe-container{width:100%;background:transparent;background-Color:#000;background-Image:radial-gradient(#ffffff38 1.1px,transparent 1.1px);background-Size:20px 20px;padding:4px;display:flex;justify-Content:center;align-Items:center;overflow:hidden;box-shadow:inset 0 8px 12px #aeaea747;border-radius:15px}.dp-iframe-container iframe{max-width:100%;background-color:#000;background-image:radial-gradient(#ffffff38 1.1px,transparent 1.1px);background-size:20px 20px;border-radius:15px}.template-preview-container{gap:2rem;font-family:Inter,sans-serif;background-color:transparent;min-height:100vh;box-sizing:border-box;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.cd-preview-container{background:transparent;color:wheat;border-radius:12px;box-shadow:0 10px 25px #0000000d;padding:1.5rem 0;display:flex;flex-direction:column;gap:.8rem}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.preview-header h3{margin:0!important;font-size:1.8rem;font-weight:600}.cd-header h3{margin:0!important;font-family:auto;color:#c8dbd2}.cd-header p{font-family:sans-serif;color:#a7acad}.access-info{margin-top:.5rem}.badge.free{background-color:#d1fae5;color:#065f46;padding:.25rem .5rem;border-radius:6px;font-weight:500;font-size:.85rem}.header-actions{margin:2rem 0 0;display:flex;gap:8px;align-items:center}.header-actions .action-btn{margin:0!important;background:#f3f3f3;border:none;padding:8px;border-radius:28px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 6px #00000014}.header-actions .action-btn:hover{background:#e2e2e2;box-shadow:0 4px 12px #0000001f}.cd-fav-box{margin:0 .7rem!important}.share-dropdown{position:relative}.share-dropdown .share-options{display:none;position:absolute;right:0;min-width:160px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;padding:8px 0}.share-dropdown:hover .share-options{display:block}.share-options span{color:#000;display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:.95rem;transition:background .2s}.share-options span:hover{background:#f5f5f5}.share-options .share-icon{font-size:1.1rem;color:#555}.device-download-documentation{display:flex;flex-direction:row;justify-content:flex-start;gap:1rem;align-items:center}.device-buttons{display:flex;gap:.75rem}.devices{display:flex;flex-direction:row;gap:.25rem}.device-buttons button{background:transparent;color:#fff;padding:.5rem .75rem;cursor:pointer;font-size:1rem;display:flex;border-radius:5px;align-items:center;transition:all .2s ease}.design-preview-section{display:flex;flex-direction:column;gap:15px!important}.iframe-container{margin-top:1rem!important;width:100%;display:flex;justify-content:center;overflow:hidden;border:.1px solid rgba(128,128,128,.3);border-radius:12px;background-color:#181816b8;background-image:radial-gradient(#ffffff20 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 4px 8px #bda29680,inset 0 -4px 6px #ffffff0d;transition:all .3s ease;padding:.5rem}.iframe-container iframe{border:1px solid!important;border-radius:12px;transition:all .3s ease;width:100%;height:600px;transform-origin:top left}@media(max-width:1024px){.cd-preview-container{width:auto}.iframe-container iframe{height:500px}.related-topic-container{padding:0}.related-videos-grid{grid-template-columns:repeat(2,1fr)}.cd-search-bar-wrapper{margin-top:1rem}}@media(max-width:768px){.template-preview-container{padding:0}.iframe-container{padding:0;aspect-ratio:1/1.25}.iframe-container iframe{height:auto!important;padding:0}.devices{display:none}.related-videos-grid{grid-template-columns:repeat(2,1fr)!important}.action-btn{font-size:.9rem;padding:.45rem .9rem}}@media(max-width:480px){.navigator-btns{gap:.5rem}.code-preview-open{gap:.5rem;justify-content:flex-start}.fullscreen-btn{align-self:flex-start}}.related-videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;margin-bottom:2rem}.related-video-item{display:flex;flex-direction:column;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;transition:transform .2s}.related-video-item:hover{transform:scale(1.03)}.related-video-item iframe{width:100%;height:180px;border:none;border-radius:8px 8px 0 0}.related-video-item span{padding:.5rem;font-size:.9rem;text-align:center;background:#0000004d;color:#fff;display:block;border-radius:0 0 8px 8px}.related-video-item.ad-placement{background:#ffffff08;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px}.related-video-item.ad-placement:hover{transform:none}.ct-ad-wrapper ins{margin:0 auto}@media(max-width:1024px){.related-videos-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}}.navigator-btns,.code-preview-open{display:flex;gap:1rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:20px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease,transform .2s ease;box-shadow:0 4px 15px #0000001a;min-width:80px;text-align:center;overflow:hidden;white-space:nowrap;position:relative}.action-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#ffffff4d;opacity:0;transition:opacity .3s ease;border-radius:inherit}.action-btn:active:after{opacity:1;transition:0s}.copy-btn.disabled-copy{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.8)}.preview-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff}.preview-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.code-btn{background:linear-gradient(135deg,#f7971e,#ffd200);color:#000}.code-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}.fullscreen-btn{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff}.fullscreen-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0003}@media(max-width:1024px){.action-btn{font-size:.9rem;padding:.45rem .9rem;min-width:75px}.device-download-documentation{display:none}}@media(max-width:768px){.action-btn{font-size:.85rem;padding:.45rem .8rem;min-width:70px}.fullscreen-text{display:none}}@media(max-width:480px){.action-btn{font-size:.8rem;padding:.4rem .7rem;min-width:65px}}.cd-filter-btns{padding:8px 14px;border-radius:6px;border:1px solid #ccc;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;color:#0072ff;border-color:#0072ff;background-color:transparent}.cd-filter-btns i{font-size:12px}.cd-filter-btns:hover{background-color:#000;border-color:#007bff;color:#007bff}.cd-filter-btns.active{background-color:#007bff;color:#fff;border-color:#007bff}.cd-filter-btns.premium{background-color:transparent!important;border-color:#9f934d;color:#fff}.cd-filter-btns.premium:hover{background-color:#000;border-color:gold;color:gold}.cd-filter-btns.premium.active{background-color:gold!important;border-color:gold;color:#000}.cd-filter-btns:disabled{opacity:.5;cursor:not-allowed}.cd-search-bar-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.cd-search-bar-wrapper i{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:#888;font-size:14px;pointer-events:none}.cd-search-bar{width:100%;padding:8px 12px 8px 36px;border-radius:6px;border:1px solid #ccc;font-size:14px}.cd-search-bar::placeholder{color:#999;font-style:italic}.cd-search-bar:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff4d}.cd-skeleton{background:#ffffff1a;border-radius:6px;margin-bottom:8px;animation:skeleton-loading 1.2s infinite linear}.cd-skeleton-title{width:180px;height:24px;margin-bottom:6px;border-radius:6px}.cd-skeleton-desc{width:250px;height:14px;margin-bottom:4px;border-radius:4px}.cd-skeleton-badge{width:80px;height:20px;margin-top:4px;border-radius:12px}.cd-skeleton-btn{width:36px;height:36px;border-radius:50%}.cd-skeleton-nav-btn{width:100px;height:36px;border-radius:20px;margin-right:8px}.cd-skeleton-iframe{width:100%;height:600px;border-radius:12px;margin-top:12px;background:#ffffff0d}.cd-skeleton-section-title{width:120px;height:24px;margin-bottom:12px;border-radius:6px}.cd-skeleton-search{width:100%;height:36px;border-radius:12px;margin-bottom:12px}.cd-skeleton-filter-btn{width:80px;height:28px;border-radius:16px;display:inline-block;margin-right:8px;margin-bottom:8px}.cd-skeleton-video-title{width:70%;height:20px;margin:8px auto 12px;border-radius:6px}@keyframes skeleton-loading{0%{background-color:#ffffff0d}50%{background-color:#ffffff26}to{background-color:#ffffff0d}}.cl-sidebar{width:280px;height:100vh;background:transparent;border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;position:sticky;top:0;overflow-y:auto;transition:all .3s ease}.cl-sidebar::-webkit-scrollbar{width:5px}.cl-sidebar::-webkit-scrollbar-track{background:transparent}.cl-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.cl-sidebar::-webkit-scrollbar-thumb:hover{background:#3b82f6}.cl-sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cl-header-sticky{position:sticky;top:0;background:#0e0e0e;padding:20px 15px 10px;z-index:10;border-bottom:1px solid rgba(255,255,255,.03)}.cl-title{color:#fff;font-size:1rem;margin-bottom:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.cl-search-wrapper{position:relative;margin-bottom:5px}.cl-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:.85rem}.cl-search-input{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 35px;color:#fff;font-size:.85rem;transition:all .2s ease}.cl-search-input:focus{outline:none;border-color:#3b82f6;background:#3b82f60d}.cl-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:0 5px}.cl-search-clear:hover{color:#ef4444}.cl-content{padding:15px}.cl-lang-block{margin-bottom:25px}.cl-lang{display:flex;align-items:center;gap:10px;color:#c88b2f;padding:8px 5px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cl-lang.active{color:#3b82f6}.cl-topic-list{list-style:none;padding:0;margin:5px 0 0 10px;border-left:1px solid rgba(255,255,255,.05)}.cl-topic{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;color:#94a3b8;text-decoration:none;font-size:.88rem;border-radius:0 6px 6px 0;transition:all .2s ease;margin-bottom:1px;gap:10px}.cl-topic-main{display:flex;align-items:center;justify-content:space-between;flex-grow:1;gap:8px}.cl-topic-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.cl-topic-count{font-size:.7rem;background:#ffffff0d;color:#64748b;padding:1px 7px;border-radius:12px;font-weight:600;min-width:22px;text-align:center;transition:all .2s ease}.cl-topic:hover{color:#fff;background:#ffffff08;transform:translate(3px)}.cl-topic:hover .cl-topic-count{background:#ffffff1f;color:#fff}.cl-topic.active{background:linear-gradient(90deg,rgba(59,130,246,.15) 0%,transparent 100%);color:#3b82f6;border-left:2px solid #3b82f6;font-weight:500}.cl-topic.active .cl-topic-count{background:#3b82f6;color:#fff;box-shadow:0 0 8px #3b82f64d}.cl-new-badge{background:#10b981;color:#fff;font-size:.6rem;padding:1px 5px;border-radius:4px;font-weight:800;box-shadow:0 2px 10px #10b98133;flex-shrink:0}.cl-no-results{text-align:center;padding:50px 10px;color:#475569}.cl-no-results i{font-size:2rem;display:block;margin-bottom:10px}.cl-skeleton{background:linear-gradient(90deg,#161b22 25%,#21262d,#161b22 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-skeleton-title{height:25px;width:80%}.cl-skeleton-lang{height:18px;width:50%;margin-bottom:12px}.cl-skeleton-topic{height:14px;width:90%;margin:10px 0}:root{--glass-bg: rgba(138, 130, 130, .06);--glass-border: rgba(255, 255, 255, .15);--text-main: #ffffff;--text-muted: #d1d5db;--accent-white: #fff;--accent-green: #22c55e;--accent-green-dark: #16a34a;--accent-red: #ef4444;--accent-yellow: #facc15;--paypal-blue: #003087;--paypal-light: #009cde;--radius: 10px;--transition: all .25s ease}.right-sidebar{position:sticky;top:0;min-height:100vh;padding:15px 15px 80px;display:flex;flex-direction:column;gap:2rem;background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--glass-border);font-family:Poppins,sans-serif;overflow-y:auto}.sidebar-section h4{font-size:15px;font-weight:600;margin-bottom:10px;color:var(--text-main)}.crs-profile-info{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--text-muted)}.crs-profile-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-green);box-shadow:0 0 0 4px #22c55e26}.crs-auth-buttons{display:flex;flex-direction:column;gap:10px}.crs-login-btn,.crs-game-btn,.crs-signup-btn{padding:9px 14px;border-radius:var(--radius);font-size:14px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.crs-login-btn{background:var(--accent-green);color:#fff;border:1px solid}.crs-login-btn:hover{border:1px solid var(--accent-green);background:transparent;color:var(--accent-green)}.crs-signup-btn{background:transparent;color:var(--accent-green);border:1px solid var(--accent-green)}.crs-signup-btn:hover{background:var(--accent-green);color:#fff}.crs-game-btn{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red)}.crs-game-btn:hover{background:var(--accent-red);color:#fff}.profile-btn-grp{display:flex;gap:8px}.crs-profile-edit-btn,.crs-play-game-btn{padding:6px 12px;border-radius:var(--radius);font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;border:none;cursor:pointer;transition:var(--transition)}.crs-profile-edit-btn{background:var(--accent-yellow);color:#000}.crs-profile-edit-btn:hover{background:#eab308;transform:translateY(-1px)}.crs-play-game-btn{background:var(--accent-red);color:#fff}.crs-play-game-btn:hover{background:#dc2626;transform:translateY(-1px)}.actions-list{display:flex;flex-direction:column;gap:8px}.actions-list button{padding:8px 18px;border-radius:var(--radius);background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-main);font-size:14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition)}.actions-list button:hover{background:#ffffff24;transform:translate(2px)}.actions-list button[title*=PayPal]{background:linear-gradient(135deg,var(--paypal-blue),var(--paypal-light));border:none;color:#fff;font-weight:600}.actions-list button[title*=PayPal]:hover{filter:brightness(1.1);transform:translate(3px) scale(1.02)}.crs-star-icon{color:gold}.actions-list button:hover .crs-star-icon{color:#eaff00;filter:drop-shadow(0 0 6px rgba(255,251,0,.8))}.crs-test-code{text-decoration:none}.crs-test-code:hover{color:#fff}.actions-list button:hover .crs-BuyMeCoffee-icon{color:#fff;filter:drop-shadow(0 0 6px rgba(0,255,242,.8))}.crs-reportBug-icon{color:#ff1717f7}.actions-list button:hover .crs-reportBug-icon{color:#ff0000f7;filter:drop-shadow(0 0 6px rgba(231,119,104,.8))}.crs-requestFeature-icon{color:#ffff80}.actions-list button:hover .crs-requestFeature-icon{color:#eab308;filter:drop-shadow(0 0 6px rgba(231,220,104,.8))}.crs-feedback-icon{color:#49ed5f}.actions-list button:hover .crs-feedback-icon{color:#17e933;filter:drop-shadow(0 0 6px rgba(22,247,63,.8))}.crs-sidebar-footer{text-align:center;font-size:12px;color:var(--text-muted);opacity:.8}.crs-login-btn svg,.crs-signup-btn svg,.crs-profile-edit-btn svg,.crs-play-game-btn svg,.actions-list button svg{vertical-align:middle}.right-sidebar::-webkit-scrollbar{width:3px}.right-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.right-sidebar::-webkit-scrollbar-track{background:transparent}.right-sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}@media(max-width:767px){.cgr-right-sidebar{display:none}}.tutorial-topic-page{padding:40px min(5%,80px);color:#fff}.page-title{text-align:center;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;margin-bottom:50px;background:linear-gradient(to right,#00f2fe,#4facfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(79,172,254,.3))}.fs-wrapper{margin-bottom:40px;padding:8px;border-radius:16px}.fs-grid{display:flex;gap:8px;align-items:center;justify-content:center}.fs-card{padding:12px 24px;border-radius:12px;text-decoration:none;color:#94a3b8;font-size:.95rem;transition:.3s;display:flex;align-items:center;gap:10px;border:1px solid rgba(128,128,128,.173)}.fs-card:hover{background:#ffffff0d;color:#fff}.selected-card{background:#4facfe07!important;color:#4facfe!important;box-shadow:inset 0 4px 11px #0c6cc066;border:1px solid blue}.language-title{font-size:1.2rem;text-transform:uppercase;letter-spacing:4px;margin:60px 0 30px;color:#ffffff80;display:flex;align-items:center}.language-title:before{content:"";width:40px;height:2px;background:#4facfe;margin-right:15px}.topic-grid{display:flex;flex-direction:column;gap:16px}.topic-card{position:relative;background:#0a0a0f66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:25px 35px;border-radius:12px;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden;margin:0 15px}.topic-card:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(to right,#00f2fe,#4facfe);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out;opacity:0;transition:opacity .4s}.topic-card:hover{transform:translate(11px);background:#ffffff0f}.topic-card:hover:after{opacity:1}.topic-content h3{font-size:1.1rem;font-weight:400;color:#cbd5e1;line-height:1.6;margin:0}.topic-card .topic-content{display:flex;justify-content:space-between;align-items:center}.topic-card .topic-content:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.8rem;opacity:.3;transition:.3s}.topic-card:hover .topic-content:after{opacity:1;transform:translate(5px);color:#4facfe}@media(max-width:768px){.topic-card{padding:20px}.topic-card:hover{transform:translateY(-5px)}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a6e22e}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function,.token.class-name{color:#e6db74}.token.keyword{color:#66d9ef}.token.regex,.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.container{max-width:1200px;margin:0 auto;padding:0 1rem;font-family:Poppins,Fira Code,monospace;color:#1e1e1e}.text-content{white-space:pre-line;font-size:.85rem}.text-muted{color:#bbbcbc!important}.card{background:linear-gradient(145deg,#101010,#252525 50% 50%,#5c5c5c 100% 100%);border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 14px #00000014;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001f}.card-body{padding:1.5rem}.backend-card{border-radius:11px;border:1px solid white}h2{text-align:center;font-weight:700;color:#b6b6b6;margin-bottom:2rem}h4{font-weight:600;color:#b6b6b6;margin-bottom:1rem}h5{color:#a4bdf3;font-weight:600}.code-container{position:relative;margin:.15rem;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#0d1117,#161b22);border:1px solid #1e293b;box-shadow:0 0 25px #2563eb1f}.copy-btn{position:absolute;top:10px;right:12px;background:#ffffff0d;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;z-index:3}.copy-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.code-block{background:transparent!important;color:#e5e7eb;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.6;border-radius:12px;overflow:auto;max-height:480px;min-height:180px;scrollbar-gutter:stable;scroll-behavior:smooth;transition:.3s ease}.code-block::-webkit-scrollbar{width:10px;height:10px}.code-block::-webkit-scrollbar-thumb{background-color:#64748b80;border-radius:10px;border:2px solid #0d1117}.code-block::-webkit-scrollbar-thumb:hover{background-color:#94a3b8b3}.code-block::-webkit-scrollbar-track{background:#131212!important}.code-block code{display:block;white-space:pre-wrap;word-break:break-word;font-size:.9rem!important}.card img{border-radius:10px;object-fit:cover;width:100%;height:250px;transition:transform .3s ease,filter .3s ease}.preview-img{border-radius:10px;object-fit:cover;width:100%;height:250px;transition:transform .3s ease,filter .3s ease;cursor:pointer}.preview-img:hover{transform:scale(1.03);filter:brightness(1.05)}.image-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out;opacity:0;animation:fadeInBG .3s forwards}.image-popup img{max-width:95%!important;max-height:70%!important}.image-popup.zoomoutImage{animation:fadeOutBG .2s forwards}.image-popup.zoominImage{animation:fadeInBG .2s forwards}@keyframes fadeInBG{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBG{0%{opacity:1}to{opacity:0}}:not(pre)>code[class*=language-],pre[class*=language-]{background:#131212!important}code[class*=language-],pre[class*=language-]{background:#131212!important}@media(max-width:992px){.row{display:flex;flex-direction:column;gap:1.5rem;margin:0 1rem}.col-lg-5{order:1}.col-lg-7{order:2}.card-body{padding:0}.code-block{font-size:.85rem}}@media(max-width:576px){.copy-btn{top:8px;right:8px;font-size:.75rem;padding:4px 6px}.code-block{max-height:400px;padding:.8rem 1rem;font-size:.8rem}}.auth-container{width:100%;max-width:400px;margin:5% auto;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px #0000001a;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auth-container h2{margin-bottom:30px;color:#fff;font-size:28px;font-weight:600}.auth-container form{display:flex;flex-direction:column;gap:20px}.auth-container input{padding:12px 15px;border-radius:8px;border:1px solid #ccc;font-size:16px;transition:all .3s ease}.auth-container input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.auth-container button{padding:12px 15px;border-radius:8px;border:none;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;font-weight:500;transition:background-color .3s ease,transform .2s ease}.auth-container button:hover{background-color:#0056b3;transform:translateY(-2px)}.auth-container p{margin-top:15px;font-size:14px;color:#555}.auth-container p a{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-container p a:hover{color:#0056b3}.auth-container .error-message{color:red;margin-top:10px;font-size:14px}.US-otp-btn-grp{margin:1rem;gap:12px;display:grid;grid-template-columns:repeat(2,1fr)}.success-message{color:green;font-weight:700}.error-message{color:red;font-weight:700}:root{--online: rgb(13, 160, 13);--offline: red;--primary-color: #007bff;--secondary-color: #6c757d;--background-color: #f8f9fa;--card-background: #ffffff;--border-color: #dee2e6;--shadow: 0 4px 8px rgba(0, 0, 0, .05)}.up-profile-container{color:#fff;max-width:1000px;margin:0 auto;padding:1.5rem;background-color:transparent;border-radius:8px;font-family:sans-serif}.up-profile-header{display:flex;align-items:flex-start;padding-bottom:2rem;border-bottom:1px solid var(--border-color);gap:2rem;align-items:center}.up-Avatar-Editing{max-width:100vw}.up-profile-avatar-wrapper{flex-shrink:0}.up-profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;border:2px solid var(--online);box-shadow:var(--shadow)}.up-profile-info-main{flex-grow:1}.up-profile-name-actions{display:flex;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:10px}.up-profile-username{font-size:2.5rem;font-weight:300;margin:0;color:#cdd3d8;flex-shrink:0}.up-profile-btn-grp{display:flex;gap:1rem}.up-profile-edit-btn,.up-profile-logout-btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s;display:flex;align-items:center;gap:.4rem;font-size:.9rem}.up-profile-edit-btn{background-color:var(--primary-color);color:#fff}.up-profile-edit-btn:hover{background-color:#0056b3}.up-profile-logout-btn{background-color:#df2f2f;color:#fff}.up-profile-logout-btn:hover{background-color:#b53939}.up-profile-stats{display:flex;gap:3rem;padding:.5rem 0}.stat-item{text-align:center}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:#212529}.stat-label{display:block;font-size:.9rem;color:var(--secondary-color)}.up-profile-details-wrapper{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.up-profile-about-section,.up-profile-contact-section{padding:1rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow)}.up-profile-about-section{flex:2;min-width:300px}.up-profile-contact-section{flex:1;min-width:250px}.up-profile-full-name{font-size:1.5rem;margin-top:0;margin-bottom:.5rem;color:var(--primary-color)}.up-profile-bio{font-style:italic;color:#495057;line-height:1.5}.up-profile-contact-section h3{margin-top:0;margin-bottom:1rem;color:#343a40;border-bottom:1px dashed var(--border-color);padding-bottom:.5rem}.contact-item{display:flex;align-items:center;margin-bottom:.5rem;color:#495057}.contact-icon{color:var(--primary-color);margin-right:.8rem;font-size:1rem}.up-profile-content-section{margin-top:2rem}.up-profile-content-section h3{text-align:center;margin-bottom:1.5rem;color:#212529}.up-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.content-placeholder{background-color:transparent;border:1px solid gray;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--secondary-color);border-radius:4px;transition:transform .2s;cursor:pointer}.content-placeholder:hover{transform:scale(1.02);box-shadow:var(--shadow)}.up-profile-tab-bar{display:flex;justify-content:center;align-items:center;border-bottom:2px solid #e9ecef;margin-bottom:1.5rem;margin-top:2rem;padding:0 1rem}.up-profile-tab-button{flex:1;max-width:250px;background:none;border:none;border-bottom:3px solid transparent;padding:.75rem .5rem;cursor:pointer;transition:all .2s ease-in-out;outline:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;font-weight:600;color:var(--secondary-color);white-space:nowrap}.up-profile-tab-button.active{border-bottom-color:var(--primary-color);color:#212529}.up-profile-tab-button:hover:not(.active){background-color:#f4f4f4}.up-tab-icon{font-size:1.1rem}.up-profile-content-section h3{display:none}.up-tab-content-heading{text-align:center;color:#212529;font-size:1.2rem;margin-bottom:1rem}.up-favourite-card{width:99%!important;padding:3px 0!important}.up-card-style{cursor:pointer;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;background:#cacaca;overflow:hidden}.up-card-style:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026}.up-card-iframe{background:#add8e6;width:100%;height:180px;border:none;border-radius:8px;margin-bottom:8px}.up-card-title-text,.up-playlist-card-title{font-size:1em;font-weight:500;color:#333;padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.up-playlist-wrapper{width:100%;margin-top:15px}.up-playlist-topic-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;margin:10px 0;background-color:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.up-playlist-topic-header:hover{background-color:#f0f0f0}.up-playlist-topic-header.is-expanded{background-color:#fff;border-color:#007bff;box-shadow:0 4px 12px #007bff1a}.up-playlist-topic-title{margin:0;font-size:1.1em;font-weight:600;color:#333;display:flex;align-items:center}.topic-icon{margin-right:10px;color:#007bff;font-size:1.2em}.topic-item-count{color:#6c757d;font-size:.9em;display:flex;align-items:center}.toggle-icon{margin-left:10px;transition:transform .2s ease;color:#6c757d}.up-content-grid-inner{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 10px;border-radius:0 0 8px 8px;margin-bottom:20px;border:1px solid;box-shadow:0 5px 14px #80808087 inset}.up-skeleton{pointer-events:none}.shimmer{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.up-skeleton-header{display:flex;gap:2rem;align-items:center;margin-bottom:2rem}.up-skeleton-avatar{width:150px;height:150px;border-radius:50%}.up-skeleton-info{flex:1}.up-skeleton-line{height:14px;margin-bottom:12px}.up-skeleton-line.lg{width:40%;height:22px}.up-skeleton-line.md{width:55%}.up-skeleton-line.sm{width:70%}.up-skeleton-btns{display:flex;gap:1rem;margin-top:12px}.up-skeleton-btn{width:120px;height:36px;border-radius:6px}.up-skeleton-tabs{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.up-skeleton-tab{width:120px;height:36px;border-radius:6px}.up-skeleton-card{background:#fff;border-radius:10px;padding:10px}.up-skeleton-iframe{width:100%;height:180px;border-radius:8px;margin-bottom:10px}@media(max-width:850px){.up-skeleton-header{flex-direction:column;text-align:center}.up-skeleton-line.lg{width:60%;margin:0 auto 12px}.up-skeleton-line.md{width:80%;margin:0 auto 12px}.up-skeleton-btns{justify-content:center}}@media(max-width:550px){.up-skeleton-avatar{width:100px;height:100px}.up-skeleton-tab{width:50px;height:40px}}@media(max-width:767px){.up-profile-btn-grp{justify-content:center}.up-favourite-card{width:99%!important;padding:3px 0!important}.up-profile-header{flex-direction:column;align-items:center;text-align:center}.up-profile-info-main{padding-top:1rem;width:80%}.up-profile-username{font-size:2rem}.up-profile-stats{justify-content:center;gap:2rem}.up-profile-details-wrapper{flex-direction:column;gap:1rem}.up-profile-about-section,.up-profile-contact-section{min-width:100%;flex:auto}.up-content-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.up-favourite-card{width:99%!important;padding:3px 0!important}.up-profile-tab-bar{margin-top:1.5rem;padding:0}.up-profile-tab-button{padding:.75rem .2rem;gap:0}.up-tab-icon{font-size:1.3rem}.up-profile-tab-button .up-tab-label{display:none}.up-profile-tab-button{padding:.75rem 0}}@media(max-width:550px){.up-favourite-card{width:99%!important;padding:3px 0!important}.up-profile-container{margin:1rem .5rem;padding:1rem}.up-profile-avatar{width:100px;height:100px}.up-profile-username{font-size:1.5rem}.up-profile-name-actions{flex-direction:column;gap:.5rem}.up-profile-stats{gap:1rem}.stat-value{font-size:1rem}.stat-label{font-size:.8rem}.up-profile-edit-btn,.up-profile-logout-btn{width:100%;justify-content:center;font-size:.85rem;padding:.4rem}.up-content-grid{grid-template-columns:1fr;gap:10px}}:root{--gold: gold;--gold-2: rgb(254, 220, 96);--red: red}.uas-avatars-container{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,60px));gap:15px;justify-content:center}.uas-random-btn{color:var(--gold);border:2px solid var(--gold);filter:drop-shadow(0 0 6px var(--gold-2));border-radius:50%;font-size:1.5rem;padding:.5rem;background:transparent}.uas-random-btn:hover{color:var(--red);border:2px solid var(--red);transition:.1s ease-in-out;filter:drop-shadow(0 0 6px var(--red))}:root{--primary-heading: #86ebff;--primary-text: #fff;--secondary-text: gray;--online: green;--offline: red}.uep-page-container{max-width:1200px;margin:40px auto;padding:0 20px;font-family:Arial,sans-serif}.uep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #ddd;padding-bottom:15px}.uep-header h1{font-size:2em;color:var(--primary-heading);margin:0}.uep-back-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:1em;display:flex;align-items:center;gap:8px;padding:5px 10px;transition:color .2s}.uep-back-btn:hover{color:#0056b3}.uep-status-message{padding:9px 15px;margin-bottom:20px;border-radius:8px;font-weight:700;text-align:center;display:flex;flex-direction:row;justify-content:space-between}.uep-status-success{background-color:#c3e6cb;color:#198b33;border:1px solid #c3e6cb}.uep-status-error{background-color:#f5c6cb;color:#b91727;border:1px solid #f5c6cb}.uep-status-text{margin:0}.uep-status-close{right:10px;background:none;border:none;cursor:pointer;font-size:1.1em;padding:5px;line-height:1;color:inherit;opacity:.7;transition:opacity .2s}.uep-status-close:hover{opacity:1}.uep-content-wrapper{display:flex;gap:30px}.uep-sidebar{flex:0 0 250px;display:flex;flex-direction:column;padding:20px;border-radius:8px}.uep-nav-btn{display:flex;align-items:center;gap:10px;padding:12px 15px;margin-bottom:10px;text-align:left;background:none;border:none;cursor:pointer;font-size:1.1em;color:var(--primary-text);border-radius:6px;transition:background-color .2s,color .2s;box-shadow:0 0 16px #ccc5c53a inset}.uep-nav-btn:hover{background-color:#e9ecef;color:#007bff}.uep-nav-btn.active{background-color:#007bff;color:#fff}.uep-nav-btn.active:hover{background-color:#0056b3}.uep-main-content{flex:1;padding:30px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.uep-form-section h2{font-size:1.8em;color:var(--primary-heading);margin-top:0;margin-bottom:25px;display:flex;align-items:center;gap:10px;border-bottom:2px solid #007bff;padding-bottom:10px}.uep-form-group{margin-bottom:20px}.uep-form-group label{display:block;margin-bottom:8px;font-weight:600;color:#495057}.uep-form-group input,.uep-form-group input[disabled]{width:100%;padding:12px 15px;border:1px solid #ced4da;border-radius:6px;font-size:1em;box-sizing:border-box;color:var(--primary-text);background:transparent;box-shadow:inset 0 0 8px #d2c4c481;transition:border-color .2s,box-shadow .2s}.uep-form-group input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.uep-form-group input[disabled]{color:gray;cursor:not-allowed}.uep-save-btn{width:100%;padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:6px;font-size:1.1em;cursor:pointer;margin-top:10px;transition:background-color .2s}.uep-save-btn:hover{background-color:#218838}.uep-password-input-wrapper{position:relative;display:flex;align-items:center}.uep-password-input-wrapper input{padding-right:50px}.uep-password-toggle{position:absolute;right:0;top:0;bottom:0;background:none;border:none;padding:0 15px;cursor:pointer;color:#6c757d;font-size:1.1em;display:flex;align-items:center;transition:color .2s}.uep-password-toggle:hover{color:#343a40}.uep-avatar-section .uep-hint{margin-bottom:20px;color:#6c757d}.uep-current-avatar-preview{text-align:center;margin-bottom:20px;padding:15px;border:1px solid #eee;border-radius:8px}.uep-avatar-selected{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--online);box-shadow:0 2px 4px #0000001a}.uep-mt-20{margin-top:20px}@media(max-width:767px){.uep-page-container{margin:20px auto;padding:0 15px}.uep-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}.uep-header h1{font-size:1.8em}.uep-content-wrapper{flex-direction:column;gap:20px}.uep-sidebar{flex:1 1 auto;flex-direction:row;overflow-x:auto;padding:10px;box-shadow:0 2px 4px #0000000d}.uep-nav-btn{flex:0 0 auto;white-space:nowrap;margin-bottom:0;margin-right:10px;font-size:1em;padding:10px 12px}.uep-main-content{padding:20px;box-shadow:0 2px 8px #0000001a}.uep-form-section h2{font-size:1.6em}.uep-save-btn{font-size:1em;padding:10px}}@media(max-width:576px){.uep-sidebar{justify-content:space-between}.uep-form-group input{padding:10px}.uep-status-message{font-size:.9em}.uep-status-close{font-size:1em}}.admin-login-container{height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-login-box{background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px;text-align:center}.admin-login-box h2{margin-bottom:30px;color:#333}.admin-login-box label{display:block;text-align:left;margin-bottom:6px;font-weight:600;color:#555}.admin-login-box input{width:100%;padding:12px 10px;margin-bottom:20px;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:border .3s}.admin-login-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 5px #667eea80}.error-text{color:#ff4d4f;margin-bottom:15px;font-size:14px}.admin-login-box button{position:relative;width:100%;padding:12px 0;background:#667eea;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;display:flex;justify-content:center;align-items:center;overflow:hidden}.admin-login-box button:disabled{background:#a0aec0;cursor:not-allowed}.loader{display:inline-block;width:18px;height:18px;border:3px solid #fff;border-top:3px solid rgba(255,255,255,.3);border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}*{margin:0;padding:0;box-sizing:border-box}body{background:#0e0e0e;font-family:Inter,sans-serif;overflow-x:hidden}.container{padding:0!important}.admin-container{width:100%;min-height:100vh;display:flex;flex-direction:column}.home-wrapper{padding:0 1rem}.admin-navbar{background:#111;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;border-bottom:1px solid #222;position:sticky;top:0;z-index:20}.toggle-btn{background:transparent;color:#fff;padding:8px 10px;border:none;border-radius:6px;cursor:pointer;font-size:18px}.admin-title{font-size:1.5rem;font-weight:600}.logout-btn{color:#fff;font-size:.9rem;background-color:#dc3545;border-color:#dc3545;padding:0 .7rem!important;border-radius:17px!important}.logout-btn:hover{background-color:#8e1e29;border:#8e1e29;padding:0 .7rem!important;border-radius:17px!important}.admin-body{display:flex;width:100%;min-height:100vh!important;height:calc(100vh - 70px);overflow:hidden}.admin-sidebar{width:auto!important;background:#111;color:wheat;height:100%;padding:1.5rem 1rem;border-right:1px solid #222;transition:all .3s ease;overflow-y:auto;position:relative}.admin-sidebar .icon{font-size:20px}.admin-sidebar.collapsed{width:auto!important;padding:1.5rem .5rem}.admin-sidebar.collapsed .sidebar-title,.admin-sidebar.collapsed .sidebar-menu li span{display:none}.admin-sidebar.collapsed .sidebar-menu li{justify-content:center}.sidebar-title{margin-bottom:1.2rem;font-size:1.3rem;font-weight:600;text-align:left}.sidebar-menu{list-style:none;padding:0!important}.sidebar-menu li{padding:12px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:8px;transition:.2s}.sidebar-menu li:hover{background:#222;color:#fff}.mobile-close-btn{display:none;position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:22px;color:#fff;cursor:pointer;z-index:200}.sidebar-menu li.active{background:#222;color:#fff}@media(max-width:768px){.home-wrapper{padding:0 .5rem}.admin-sidebar,.admin-sidebar.collapsed{position:fixed;top:70px;left:-260px;width:220px!important;padding:1.5rem 1rem;height:calc(100vh - 70px);z-index:99;transition:all .3s ease}.admin-navbar{padding:.8rem .5rem!important}.admin-sidebar.open{left:0}.mobile-close-btn{display:block}.admin-sidebar .sidebar-menu li span{display:inline-block!important}.admin-sidebar.collapsed{width:220px!important}.admin-content{padding:1rem}.dashboard-cards{grid-template-columns:1fr}.admin-title{font-size:1.2rem}}@media(max-width:480px){.admin-title{font-size:1rem}.toggle-btn{padding:6px 8px}}.admin-content{flex-grow:1;color:#fff;height:100%;overflow-y:auto}.admin-dashboard{color:#fff;min-height:90vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(145deg,#4e4b4b,#473e3e 50% 50%,#000);border-radius:12px;box-shadow:0 8px 20px #0000001a}.admin-dashboard h2,.admin-dashboard h4{text-align:left;color:#bcac4c;margin-bottom:16px}.btn-group{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.btn-group .btn{margin:0 5px;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s ease}.btn-group .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}form{background:transparent;padding:25px 20px;border-radius:12px;box-shadow:0 6px 16px #0000000d}form h4{margin-bottom:20px;color:#cbc1c1;font-size:1.4rem;border-bottom:1px solid #eee;padding-bottom:8px}.form-control{color:gray!important;border-radius:8px;padding:10px 12px;border:1px solid #ccc;margin-bottom:15px;font-size:1rem;transition:.3s all}.form-control:focus{border-color:#007bff;box-shadow:0 0 5px #007bff33;outline:none}textarea.form-control{min-height:80px;resize:vertical}.btn-primary{background-color:#007bff;border-color:#007bff}.btn-primary:hover{background-color:#0069d9;border-color:#0062cc}.btn-success{background-color:#28a745;border-color:#28a745}.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn-danger{background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130}input[type=file].form-control{padding:6px 12px}.upload-overlay{position:fixed;left:0;top:0;width:100%;height:100%;background:#0a0a0a99;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.spinner{width:56px;height:56px;border-radius:50%;border:6px solid rgba(255,255,255,.15);border-top-color:#ffffffe6;animation:spin .9s linear infinite}.upload-text{color:#fff;font-weight:600;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){.btn-group{grid-template-columns:repeat(3,1fr);gap:8px}.btn-group .btn{padding:8px 16px;font-size:.95rem}form{background:transparent;padding:25px 0}}@media(max-width:768px){.admin-dashboard{padding:15px}.btn-group{gap:8px;margin:0!important}.btn-group .btn{width:100%;padding:10px 0;font-size:.9rem}}@media(max-width:480px){.btn-group .btn{padding:8px 0;font-size:.85rem}}.avd-dashboard{font-family:Inter,sans-serif;background-color:#0f0f0f;min-height:100vh;padding:1rem;color:#e4e4e4}html{font-size:16px}.avd-loading{text-align:center;font-size:1.1rem;color:#aaa;padding:1rem 0}.avd-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.avd-tabs button{background-color:#151515;border:1px solid #f5ba25;color:#f5ba25;padding:.55rem 1rem;border-radius:8px;cursor:pointer;transition:all .25s ease;font-size:.95rem;flex:1;min-width:100px}.avd-tabs button:hover{background-color:#f5ba25;color:#0f0f0f}.avd-tabs button.active{background-color:#f5ba25;color:#0f0f0f;font-weight:600}.avd-card{background-color:#1a1a1a;padding:1rem 1.2rem;border-radius:12px;margin-bottom:1rem;border:1px solid #292929;box-shadow:0 4px 12px #00000073;transition:all .3s ease}.avd-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0009}.avd-card-title{font-size:1.05rem;font-weight:600;margin-bottom:.7rem;color:#4cafee}.avd-sub-card{background-color:#212121;padding:.8rem 1rem;border-radius:10px;margin-top:.6rem;border:1px solid #333}.avd-sub-card:hover{background-color:#2a2a2a}.avd-sub-content{margin-top:.5rem;padding-left:.6rem;border-left:2px solid #444}.avd-card-buttons{margin-top:.7rem;display:flex;gap:.6rem;flex-wrap:wrap}.avd-card-buttons button{background-color:#202020;padding:.45rem .9rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.avd-delete-btn{color:#ff4d4f;border:1px solid #ff4d4f}.avd-delete-btn:hover{background-color:#ff4d4f;color:#fff}.avd-edit-btn{color:#4cafee;border:1px solid #4cafee}.avd-edit-btn:hover{background-color:#4cafee;color:#0f0f0f}.avd-save-btn{color:#47f56d;border:1px solid #47f56d}.avd-save-btn:hover{background-color:#47f56d;color:#0f0f0f}.avd-cancel-btn{color:#ee644c;border:1px solid #ee644c}.avd-cancel-btn:hover{background-color:#ee644c;color:#0f0f0f}.avd-input,.avd-select,.avd-textarea{width:100%;padding:.6rem;margin:.4rem 0;border-radius:8px;border:1px solid #4cafee;background-color:#1c1c1c;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.avd-input:focus,.avd-select:focus,.avd-textarea:focus{border-color:#74d2ff;box-shadow:0 0 6px #74d2ff80}.avd-textarea{min-height:110px;resize:vertical}.avd-select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23aaa' height='24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:18px;cursor:pointer}.avd-codearea,.avd-code-editor{width:100%;min-height:160px;background:#0d1117;color:#e6edf3;padding:12px;border-radius:8px;font-family:Fira Code,monospace;white-space:pre-wrap;line-height:1.4;border:1px solid #30363d}.avd-textarea{min-height:120px;background:transparent;padding:10px;border-radius:6px;border:1px solid #ddd}.avd-code-block{background:transparent;padding:10px;border-radius:6px;white-space:pre-wrap;line-height:1.4}@media(max-width:900px){.avd-tabs button{font-size:.9rem;padding:.5rem .9rem}.avd-card{padding:.9rem}.avd-card-title{font-size:1rem}}@media(max-width:600px){html{font-size:15px}.avd-dashboard{padding:.8rem}.avd-tabs{gap:.4rem;flex-wrap:wrap}.avd-tabs button{padding:.45rem .8rem;font-size:.88rem;flex:1}.avd-card{padding:.8rem}.avd-input,.avd-select,.avd-textarea{font-size:.9rem;padding:.55rem}}@media(max-width:420px){html{font-size:14px}.avd-tabs button{width:100%;text-align:center}}@keyframes avd-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.avd-skeleton{background:linear-gradient(90deg,#1a1a1a,#292929,#1a1a1a);background-size:800px 100%;animation:avd-shimmer 1.3s infinite ease-in-out;border-radius:8px}.avd-skeleton-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.avd-skeleton-tab{height:40px;flex:1}.avd-skeleton-cards{display:flex;flex-direction:column;gap:1rem}.avd-skeleton-card{background-color:#1a1a1a;padding:1rem;border-radius:10px;border:1px solid #292929}.avd-skeleton-line{height:14px;margin:8px 0}.avd-skeleton-line.short{width:40%}.auu-container{padding:1.5rem;background-color:transparent;min-height:80vh;border-radius:12px;color:gray;border:2px solid gray;box-shadow:0 4px 10px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.auu-title{font-size:1.8rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.auu-table{width:100%;border-collapse:collapse;margin-top:1rem;background-color:#ffffff0f;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.auu-table th,.auu-table td{padding:.8rem 1rem;text-align:left;border-bottom:1px solid #e5e7eb}.auu-table th{background-color:#3b82f6;color:#fff;font-weight:600}.auu-table tr:hover{color:#fff;background-color:#128cd81b}.auu-user-type{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.85rem;font-weight:500;color:#fff}.auu-user-type.Admin{background-color:#ef4444}.auu-user-type.Client{background-color:#10b981}.auu-user-type.Moderator{background-color:#f59e0b}.auu-action-buttons{display:flex;gap:.5rem}.auu-table-wrapper{width:100%;overflow-x:auto}.auu-action-buttons button{padding:.35rem .6rem;font-size:.85rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.3rem}.auu-action-buttons butto.auu-edit-btn{background-color:#3b82f6;color:#fff}.auu-action-buttons butto.auu-edit-btn:hover{background-color:#2563eb}.auu-action-buttons butto.auu-delete-btn{background-color:#ef4444;color:#fff}.auu-action-buttons butto.auu-delete-btn:hover{background-color:#b91c1c}.auu-no-users{text-align:center;padding:3rem 0;font-size:1.2rem;color:#6b7280}@media(max-width:768px){.auu-table th,.auu-table td{padding:.6rem .8rem;font-size:.85rem}.auu-action-buttons button{font-size:.75rem;padding:.25rem .5rem}}.auu-search-wrapper{display:flex;align-items:center;margin-bottom:1rem;max-width:400px;border:1px solid #ccc;border-radius:6px;padding:.3rem .5rem;background:#fff}.auu-search-input{border:none;outline:none;flex:1;padding:.4rem .5rem;font-size:.95rem}.auu-search-icon{color:#555;margin-right:.5rem}.auu-filter-select{margin-left:.5rem;padding:.4rem .5rem;border-radius:6px;border:1px solid #ccc;font-size:.95rem;background:#fff;cursor:pointer}.auu-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-left:4px;padding:.4rem .8rem;font-size:.85rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease-in-out;text-transform:capitalize}.auu-edit-btn{background-color:#3b82f6;color:#fff}.auu-edit-btn:hover{background-color:#2563eb}.auu-delete-btn{background-color:#ef4444;color:#fff}.auu-delete-btn:hover{background-color:#b91c1c}.auu-save-btn{background-color:#10b981;color:#fff}.auu-save-btn:hover{background-color:#059669}.auu-cancel-btn{background-color:#6b7280;color:#fff}.auu-cancel-btn:hover{background-color:#4b5563}.auu-btn svg{width:.9rem;height:.9rem}@media(max-width:768px){.auu-btn-grp{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.auu-btn{padding:.3rem .6rem;font-size:.75rem}.auu-btn span{display:none}}.auu-container{padding:1rem}.auu-search-wrapper{max-width:100%;flex-wrap:wrap;padding:.5rem}.auu-search-input{flex:1 1 60%;min-width:180px;padding:.5rem .6rem;font-size:.9rem}.auu-filter-select{margin-top:0;margin-left:.5rem;padding:.5rem .6rem;font-size:.9rem}.template-preview-container{display:flex;flex-direction:column;gap:2rem;font-family:Inter,sans-serif;background-color:transparent;min-height:100vh;box-sizing:border-box}.template-preview{width:100%;background:transparent;color:wheat;border-radius:12px;box-shadow:0 10px 25px #0000000d;padding:0 1.5rem;display:flex;flex-direction:column;gap:.8rem}.template-preview-header h2{margin:1.5rem 0 .5rem!important;font-size:1.8rem;text-align:left;font-weight:600}.template-preview-header p{margin:.5rem 0 1rem;color:#4b5563;font-size:1rem;line-height:1.5}.download-guide{padding:.25rem .8rem;border-radius:7px;font-weight:500;font-size:.85rem;height:30px}.download-guide:hover{background:#00ff62!important}.device-download-documentation{display:flex;flex-direction:row;justify-content:space-between;padding:1rem 1.2rem!important;background-color:#000;background-image:radial-gradient(#ffffff38 1.1px,transparent 1.1px);background-size:20px 20px;border-radius:12px;box-shadow:inset 0 4px 8px #bda29680,inset 0 -4px 6px #ffffff0d}.device-buttons{display:flex;gap:.75rem;margin:0!important}.devices{display:flex;flex-direction:row;margin:0 1rem 0 0;gap:0;border:1px solid gray;border-radius:10px}.device-buttons button{background:transparent;color:#fff;padding:.5rem .75rem;cursor:pointer;font-size:1rem;display:flex;border-radius:5px;align-items:center;gap:.3rem;transition:all .2s ease}.device-buttons button.active{background:#b3e6f5;color:#000}.device-buttons button:hover:not(.active){background:#d1d5db83}.devices button.active{color:#007bff;border-bottom:2px solid #007bff;background:#007bff1a}.tmp-share-dropdown{position:relative;display:inline-block}.tmp-share-btn{background:transparent;color:#fff;padding:8px 12px;border-radius:15px;border:1px solid gray;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s ease}.tmp-share-btn:hover{background:#fff;color:#000;transform:translateY(-2px)}.tmp-share-btn:active{transform:scale(.95)}.tmp-share-options{position:absolute;top:40px;right:0;min-width:160px;color:#000;background:#fff;border-radius:12px;padding:6px 0;box-shadow:0 8px 25px #0000001f;display:none;flex-direction:column;animation:fadeDown .25s ease forwards;z-index:999}.tmp-share-dropdown:hover .tmp-share-options{display:flex}.tmp-share-options span{padding:10px 14px;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s ease,color .15s ease}.tmp-share-options span:hover{background:#f5f5f5}.tmp-share-options .share-icon{font-size:18px;opacity:.9}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tp-iframe-container{width:100%;display:flex;justify-content:center;align-items:flex-start;background-color:transparent;padding:.5rem 0;min-height:auto;border:1px solid gray;border-radius:10px}.tp-iframe-wrapper{background:#fff;box-shadow:0 10px 30px #0000001a;transition:all .4s cubic-bezier(.165,.84,.44,1);border-radius:8px;overflow:hidden;border:1px solid #ddd;width:95%;max-width:1400px}.tp-iframe-wrapper.tablet{width:789px;border:10px solid #333;border-radius:20px}.tp-iframe-wrapper.mobile{width:375px;border:10px solid #333;border-radius:36px}.tp-iframe-wrapper iframe{width:100%!important;height:100%;border:none;display:block}.download-documentation{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;align-items:center;margin-top:0!important}.download-documentation .nav-btn{background:#f3f4f6;border:none;color:#374151;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.download-documentation .nav-btn:hover{background:#e5e7eb}.download-documentation .download-btn,.download-documentation .docs-btn{text-decoration:none;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:all .2s ease}.download-documentation .download-btn{background:#3b82f6;color:#fff}.download-documentation .download-btn:hover{background:#2563eb}.download-documentation .docs-btn{background:#e5e7eb;color:#374151}.download-documentation .docs-btn:hover{background:#d1d5db}.access-info{margin:.5rem 0}.badge.free{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;background-color:#d1fae5;color:#002c0c;padding:.25rem .5rem;border-radius:6px;font-weight:500;font-size:.85rem}.badge.premium{background-color:#fee2e2;color:#991b1b;padding:.25rem .5rem;border-radius:6px;font-weight:500;font-size:.85rem}.temp{background:transparent;color:#fff;font-size:2rem;border-radius:5px}.temp:hover{color:gray}.tp-github-star-a{margin:auto 1.5rem}.tp-github-star-icon{font-size:1.5rem;color:gold;filter:drop-shadow(0 0 6px rgba(255,251,0,.555))}.tp-github-star-icon:hover{font-size:1.7rem;transition:.15s ease-in-out;color:#ffd500;filter:drop-shadow(0 0 6px rgba(255,251,0,.901))}.run-instructions{background-color:transparent;color:#f0f0f5;padding:2rem;border-radius:16px;margin-top:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;background-image:radial-gradient(#ffffff10 1px,transparent 1px);background-size:20px 20px}.run-instructions h3{margin-bottom:1rem;color:gold;text-shadow:1px 1px 3px rgba(0,0,0,.7)}.run-instructions h4{color:#0ff;margin-top:1.5rem;margin-bottom:.8rem}.run-instructions ol,.run-instructions ul{padding-left:1.5rem}.run-instructions li{margin-bottom:1rem}.run-instructions code{background-color:#2a2a3a;color:#0f9;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.95rem}.run-instructions .case{margin-top:1.5rem;padding:1rem 1.2rem;border-radius:12px;background-color:#323a3c2b;background-image:radial-gradient(#ffffff20 1px,transparent 1px);background-size:20px 20px;box-shadow:inset 0 4px 12px #0006;border:1px solid gray}@media(max-width:1024px){.run-instructions{padding:1rem}.run-instructions h3{font-size:1.6rem}.run-instructions h4{font-size:1.1rem}.run-instructions p,.run-instructions li{font-size:.95rem}.run-instructions code{font-size:.9rem}.device-download-documentation{padding:.8rem}.template-preview-header p{font-size:1rem;margin:0}.template-preview{gap:.1rem}.iframe-container iframe{height:500px}.template-preview{padding:0}.template-preview-container{padding:.3rem}.download-documentation .btn-text{display:none!important}}@media(max-width:767px){.run-instructions{padding:1rem .5rem}.run-instructions h3{font-size:1.4rem}.run-instructions h4{font-size:1rem}.run-instructions p,.run-instructions li{font-size:.9rem}.run-instructions code{font-size:.85rem}.run-instructions .case{padding:.5rem}.devices{display:none}.template-preview-header h2{font-size:1.34rem}.template-preview-header p{font-size:.85rem}.device-buttons button{display:none!important}.device-download-documentation{padding:.2rem .8rem!important}.iframe-container iframe{height:450px}}@media(max-width:480px){.iframe-container iframe{height:400px}.run-instructions h3{font-size:1.2rem}.run-instructions h4{font-size:.95rem}.run-instructions p,.run-instructions li{font-size:.85rem}.run-instructions code{font-size:.8rem}.device-buttons button,.download-documentation .nav-btn,.download-documentation .download-btn,.download-documentation .docs-btn{font-size:.9rem;padding:.4rem .8rem}}:root{--text-primary: #fff;--text-secondary: #161616;--info-background: #222222;--golden: gold}.template-page{padding:20px;font-family:Poppins,sans-serif}.tt-header-stats{text-align:center;font-size:2.6rem;font-weight:800;font-family:Plus Jakarta Sans,sans-serif;background:linear-gradient(90deg,var(--accent-blue),#ffffff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-top:20px;margin-bottom:40px}.tt-header-stats span{color:var(--primary);font-size:2.8rem;font-family:Plus Jakarta Sans,sans-serif}.tt-template-filters{display:flex;flex-direction:column;gap:15px;padding:20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px border rgba(255,255,255,.1);border-radius:16px;margin:0 auto 40px;max-width:1200px}@media(min-width:992px){.tt-template-filters{flex-direction:row;align-items:center;justify-content:space-between}}.tt-template-filters input[type=text]{flex:1;padding:12px 20px;background:#0f172a99;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.tt-template-filters input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d;background:#0f172acc}.tt-select-filters{display:flex;flex-wrap:wrap;gap:10px}.tt-select-filters select,.tt-select-filters input[type=number]{padding:10px 15px;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#e2e8f0;font-size:.9rem;cursor:pointer;transition:all .2s ease;outline:none;min-width:130px}.tt-select-filters select:hover,.tt-select-filters input[type=number]:hover{background:#334155e6;border-color:#ffffff4d}.tt-select-filters select:focus{border-color:#3b82f6}.tt-select-filters input[type=number]{max-width:110px}.ad-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff08;border:1px dashed rgba(255,255,255,.2);border-radius:12px;padding:10px;min-height:250px}.ad-container h1{color:silver;font-size:clamp(1rem,1.5vh,1.2rem)!important}.templates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tt-tpl-item{border:2px solid gray;cursor:pointer;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 4px 15px #00000014;transition:transform .3s,box-shadow .3s}.tt-tpl-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.iframe-wrapper{position:relative;width:100%;padding-top:62.5%;overflow:hidden;border-radius:10px;border:1px solid #ccc}.template-cover-iframe{position:absolute;top:0;left:0;width:1366px;height:850px;border:0;transform-origin:top left;transform:scale(1)}.tt-tpl-info{background:var(--info-background);color:var(--text-primary);padding:12px;text-align:center}.tt-tpl-info strong{font-size:16px;font-weight:600}.tt-tpl-badges{display:flex;justify-content:center;gap:8px;margin-top:8px}.badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;color:#fff}.badge.free{background-color:#4caf50}.badge.premium{background-color:#ff9800}.badge.type-badge{background-color:#2196f3}.tt-view-code-btn{margin-top:10px;display:inline-block;padding:6px 10px;font-size:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:.3s;background:transparent;color:var(--golden);border:1px solid var(--golden)}.tt-view-code-btn:hover{color:var(--info-background);background:var(--golden)}.tt-tpl-premium-badge{position:absolute;top:8px;right:8px;background:#ffd700f2;color:#000;font-weight:700;font-size:13px;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:4px;z-index:50;box-shadow:0 2px 6px #0000002e}.tt-tpl-gem-icon{color:#000;font-size:14px}@media(max-width:1024px){.templates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.templates-grid{grid-template-columns:1fr}}.skeleton{background:linear-gradient(135deg,#494949,#bdbdbd);animation:pulse 1.5s infinite ease-in-out}.skeleton-box{width:100%;height:220px;border-radius:10px;background:#2c2c2c;margin-bottom:12px}.skeleton-text{height:16px;width:70%;background:#2c2c2c;margin:8px auto;border-radius:6px}.skeleton-btn{height:28px;width:50%;background:#2c2c2c;border-radius:6px;margin:8px auto 0}@keyframes pulse{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@media(max-width:1024px){.tr-right-sidebar{display:none}}@media(max-width:767px){.tr-left-sidebar{display:none}}:root{--gold: #facc15;--gold-2: rgb(255, 191, 0);--red: red;--background: black;--muted: #cbd5e1;--bg0: #0f1720;--nav-grad-start: #2c221bf7;--nav-grad-mid: #6e5629;--nav-grad-end: #66593d}.nb-navbar-standard{height:auto;display:flex;align-items:center;z-index:3000;border-bottom:1px solid gray;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);box-shadow:0 6px 18px #80808081 inset}.nav-container{width:100%;max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:8px 18px}.brand{color:#fff;font-weight:700;font-size:1.4rem;text-decoration:none}.brand small{font-size:.6rem;color:#ffffffe6}.nav-right{display:flex;align-items:center;gap:15px}.nb-hamburger{background:transparent;color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:18px}.nb-hamburger:hover{background:#ffffff1f}.d-none{display:none}.nb-nav-list{display:flex;gap:6px;align-items:center;list-style:none;padding:0;margin:0}.nb-nav-item{position:relative}.nb-nav-link{color:#fff!important;text-decoration:none;padding:8px 10px;display:inline-block;font-weight:500;font-size:small;transition:color .18s ease,transform .12s ease}.nb-nav-link:hover{color:var(--gold)!important;transform:translateY(-1px)}.nb-nav-link:after{content:"";display:none;height:3px;width:0%;background:var(--gold);border-radius:2px;transition:width .22s ease;margin-top:6px}.nb-nav-link:hover:after,.nb-nav-link.active:after{width:100%}.nb-caret{margin-left:6px;font-size:.85rem;display:inline-block;transition:transform .22s ease}.nb-caret.open{transform:rotate(180deg)}.nb-dropdown-panel{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:#0b0b0b;border-radius:6px;padding:8px 6px;box-shadow:0 12px 32px #0009;transform:translateY(8px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .22s ease,visibility .18s;z-index:5000}.nb-nav-dropdown.open .nb-dropdown-panel,.nb-nav-item:hover .nb-dropdown-panel{opacity:1;visibility:visible;transform:translateY(0)}.nb-dropdown-panel .nb-dropdown-item{display:block;padding:10px 14px;color:#d1d5db;text-decoration:none;border-radius:4px;font-size:.95rem;transition:background .12s ease,color .12s}.nb-dropdown-panel .nb-dropdown-item:hover{background:#e50914;color:#fff}.nb-sidebar-container{position:fixed;top:0;right:-100%;width:100%;height:100%;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#000000c7;color:#fff;transition:right .28s cubic-bezier(.2,.9,.2,1);z-index:6000;padding-top:68px;box-shadow:-12px 0 30px #00000073;border-left:1px solid}.nb-sidebar-container.open{right:0}.n-sidebar-head{position:absolute;top:14px;padding:0 20px;width:100%;display:flex;flex-direction:row;justify-content:space-between}.nb-sidebar-close{background:none;border:0;color:var(--gold);font-size:28px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.nb-sidebar-list{list-style:none;padding:20px 18px;margin:0;display:flex;justify-content:space-between;flex-direction:column;height:80%;align-items:self-start}.nb-sidebar-list li{margin-bottom:.5rem}.nb-sidebar-list a,.nb-sidebar-dropdown-btn{color:#fff;text-decoration:none;font-size:1.05rem;display:block;margin:0 0 1.3rem 1rem}.nb-sidebar-sublist{overflow:hidden;max-height:0;color:gray;transition:max-height .28s ease;padding-left:38px}.nb-sidebar-sublist.open{max-height:500px}.nb-sidebar-sublist li{margin-bottom:18px}.nb-sidebar-dropdown-btn{background:transparent;border:none;color:#fff;width:100%;text-align:left;padding:8px 0;font-size:1.02rem;display:flex;align-items:center}.nb-sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:5500}.profile-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;padding:0;transition:background .15s ease,transform .15s ease}.profile-btn:hover{background:#ffffff40;transform:scale(1.05)}.profile-icon{font-size:1.8rem;color:var(--gold);line-height:1}.user-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}.custom-rainbow-btn{background:linear-gradient(#121213,#121213) padding-box,linear-gradient(90deg,#ff5f6d,#ffc371,#a8ff78,#45cafc,#8921ff) border-box;border:2px solid transparent!important;border-radius:28px;padding:8px 16px;transition:transform .2s;background-size:200% auto;animation:rainbow-move 3s linear infinite;color:#fff;margin:0}[data-bs-theme=dark] .custom-rainbow-btn{background:linear-gradient(#121213,#323235) padding-box,linear-gradient(90deg,#ff5f6d,#ffc371,#a8ff78,#45cafc,#8921ff) border-box;color:#fff}.custom-rainbow-btn:hover{transform:scale(1.05);background:linear-gradient(#6e6868,#fff) padding-box,linear-gradient(90deg,#ff5f6d,#ffc371,#a8ff78,#45cafc,#8921ff)}.custom-rainbow-btn:active{transform:scale(.95);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff5f6d,#ffc371,#a8ff78,#45cafc,#8921ff)}.star-icon{color:#6c757d;transition:color .2s}.custom-rainbow-btn:hover .star-icon{color:#ffc107;filter:0 5px 12px var(--gold)}@keyframes rainbow-move{to{background-position:200% center}}.custom-rainbow-btn:before{content:"";position:absolute;bottom:-10px;left:20%;right:20%;height:10px;background:linear-gradient(90deg,#ff5f6d,#ffc371,#a8ff78,#45cafc,#8921ff);filter:blur(15px);z-index:-1;opacity:.6;background-size:200% auto;animation:rainbow-move 3s linear infinite}.n-desktop-profile-github-container{display:flex;flex-direction:row}.n-desktop-profile{margin:0 1rem}.n-desktop-account-btn:hover{background:var(--gold);color:var(--bg0)}.n-desktop-account-btn{padding:10px 15px!important}@media(max-width:900px){.n-desktop-account-btn span{display:none}}@media(max-width:800px){.n-desktop-profile-github-container{display:none}}.sidebar-divider{border:0;height:1px;background:#fff3;margin:18px 0}.nb-sidebar-container{position:fixed;top:0;right:0;width:100%;height:100%;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;z-index:6000;padding-top:68px;box-shadow:-12px 0 30px #00000073;border-left:1px solid rgba(255,255,255,.1);clip-path:circle(0% at 92% 5%);transition:clip-path .6s cubic-bezier(.77,0,.175,1);pointer-events:none}.nb-sidebar-container.open{clip-path:circle(150% at 92% 5%);pointer-events:all}.nb-sidebar-list li{opacity:0;transform:translate(20px);transition:all .4s ease}.nb-sidebar-container.open .nb-sidebar-list li{opacity:1;transform:translate(0)}.nb-sidebar-list li:nth-child(1){transition-delay:.1s}.nb-sidebar-list li:nth-child(2){transition-delay:.15s}.nb-sidebar-list li:nth-child(3){transition-delay:.2s}.nb-sidebar-list li:nth-child(4){transition-delay:.25s}.nb-sidebar-list li:nth-child(5){transition-delay:.3s}.nb-sidebar-list li:nth-child(n+6){transition-delay:.35s}.nb-sidebar-close:hover{transform:rotate(90deg);transition:transform .3s ease}.nb-sidebar-overlay{position:fixed;inset:0;background:#00000073;z-index:5500;opacity:0;pointer-events:none;transition:opacity .4s ease}body:has(.nb-sidebar-container.open) .nb-sidebar-overlay{opacity:1;pointer-events:all}.nav-user-profile{width:100%;padding:1.5rem 1rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-client-profile-info-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:1.5rem}.nav-client-profile-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 15px #facc154d;background:var(--bg0)}.profile-text-details{display:flex;flex-direction:column}.nav-username{font-weight:700;font-size:1.1rem;color:#fff;letter-spacing:.5px}.nav-email{font-size:.8rem;color:var(--muted);opacity:.8}.profile-btn-grp,.nav-client-auth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-client-profile-edit-btn,.nav-client-play-game-btn,.nav-client-login-btn,.nav-client-signup-btn{padding:10px 25px!important;border-radius:25px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-decoration:none!important}.nav-client-profile-edit-btn{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.nav-client-profile-edit-btn:hover{background:#ffffff26;border-color:var(--muted)}.nav-client-play-game-btn,.nav-client-game-btn{background:var(--gold);color:#000;border:none;grid-column:span 1}.nav-client-play-game-btn:hover,.nav-client-game-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #facc1566}.nav-client-login-btn{background:transparent;border:1px solid var(--gold);color:var(--gold)}.nav-client-signup-btn{background:var(--gold);color:#000;border:1px solid var(--gold)}.nav-client-game-btn{grid-column:span 2;margin-top:5px}@media(max-width:1224px){.n-desktop-github-txt{display:none}}@media(min-width:800px){.nb-hamburger,.nb-sidebar{display:none}.d-lg-flex{display:flex!important}}@media(max-width:800px){.desktop-github-btn,.d-lg-flex{display:none!important}.nb-hamburger{display:inline-block}}a{color:inherit}button{font-family:inherit}.semi-footer-alt{background-color:#1a1a1a;color:#fff;border-bottom:1px solid #333}.semi-footer-alt-container{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;padding-bottom:3rem}.brand-title{color:#00d2ff;font-size:1.8rem;margin-bottom:1rem}.brand-text{font-size:.95rem;line-height:1.6;opacity:.8}.footer-links h5,.footer-resources h5,.footer-social h5{font-weight:700;margin-bottom:1.5rem;color:#fff;text-transform:uppercase;font-size:1rem;letter-spacing:1px}.footer-links ul,.footer-resources ul{list-style:none;padding:0;margin:0}.footer-links ul li,.footer-resources ul li{margin-bottom:10px}.footer-links ul li a,.footer-resources ul li a{color:#bbb;text-decoration:none;transition:.3s ease;font-size:.9rem}.footer-links ul li a:hover,.footer-resources ul li a:hover{color:#00d2ff;padding-left:5px}.social-icons{display:flex;gap:15px;font-size:1.3rem}.social-icons a{color:#fff;transition:transform .3s ease,color .3s ease}.social-icons a:hover{color:#00d2ff;transform:translateY(-3px)}.mini-cta{color:#999;line-height:1.4}.footer{background-color:#111;padding:2rem 0;text-align:center;color:#777;font-size:.9rem}.footer-container{display:flex;flex-direction:column;align-items:center}.footer .footer-links{display:flex;gap:20px}.footer .footer-links a{color:#777;text-decoration:none;transition:color .3s}.footer .footer-links a:hover{color:#fff}@media(max-width:992px){.semi-footer-alt-container{grid-template-columns:1fr 1fr}}@media(max-width:576px){.semi-footer-alt-container{grid-template-columns:1fr;text-align:center}.social-icons{justify-content:center}}.about-page{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;line-height:1.6;background-color:#f9fafe}.about-hero{background:linear-gradient(145deg,#0c0c0c,#181818,#272525);color:#fff;padding:3rem 1rem;text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.15),transparent 70%);transform:rotate(45deg);top:-50%;left:-50%}.about-hero h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.about-hero h1 span{color:#fff}.about-hero p{font-size:1.25rem;margin-top:.5rem;max-width:700px;margin-left:auto;margin-right:auto}.mission-vision{padding:3rem 1rem;background-color:#8b683e}.mission-vision .container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.mission-vision .card{background:#dcdcdc!important;border-radius:15px;padding:2.5rem 2rem;flex:1 1 300px;max-width:400px;text-align:center;box-shadow:0 8px 20px #0000000d;transition:transform .4s ease,box-shadow .4s ease}.mission-vision .card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f}.mission-vision h2{color:#182848;font-size:1.6rem;margin-bottom:1rem}.mission-vision p{color:#555;font-size:1rem}.team-section{padding:3rem 1rem;text-align:center;background:linear-gradient(145deg,#0c0c0c,#181818,#272525)}.team-section h2{font-size:2.8rem;margin-bottom:3rem;color:#a3a3a3;font-weight:700}.team-cards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.team-card{background:#fff;border-radius:15px;padding:2rem 1.5rem;max-width:220px;text-align:center;transition:transform .4s ease,box-shadow .4s ease,background .3s ease;box-shadow:0 8px 20px #0000000d}.team-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f;background:linear-gradient(145deg,#4b6cb7,#182848);color:#fff}.team-card img{width:100px;height:100px;object-fit:cover;border-radius:50%;margin-bottom:1rem;border:3px solid #7a5dfe;transition:transform .3s ease}.team-card:hover img{transform:scale(1.1);box-shadow:0 0 10px #007bffcc}.team-card h3{margin:.5rem 0;font-size:1.2rem;color:#182848;transition:color .3s ease;text-shadow:0 0 10px rgba(0,123,255,.8)}.team-card:hover h3{color:#d7fbf7}.team-card p{font-size:.95rem;color:#777}.team-card:hover p{color:khaki}@media(max-width:1200px){.about-hero h1{font-size:2.8rem}.about-hero p{font-size:1.2rem}.team-section h2{font-size:2.4rem}}@media(max-width:992px){.mission-vision .container,.team-cards{flex-direction:column;align-items:center}.about-hero{padding:3rem 1.5rem}.about-hero h1{font-size:2.4rem}.about-hero p{font-size:1.15rem}}@media(max-width:768px){.about-hero{padding:2rem 1rem}.about-hero h1{font-size:2rem}.about-hero p{font-size:1rem}.mission-vision .card{max-width:90%}.team-card{max-width:180px;padding:1.5rem 1rem}}@media(max-width:480px){.about-hero h1{font-size:1.8rem}.about-hero p{font-size:.95rem}.team-card img{width:80px;height:80px}.team-card h3{font-size:1rem}.team-card p{font-size:.85rem}}.rc-iframe-container{border-bottom:1px solid gray}.rc-card{border:1px solid gray!important;background:linear-gradient(145deg,#101010,#252525 50% 50%,#5c5c5c 100% 100%);border-radius:16px;transition:all .3s ease}.rc-card-body{background:#000}.iframe-preview{width:100%;height:210px;border:none;overflow:hidden}.recent-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.recent-card-title{font-size:.9rem;font-weight:600;margin-bottom:12px}.premium-badge-top-right{position:absolute;top:10px;right:10px;background:#ffd700e6;color:#000;padding:4px 8px;font-weight:700;border-radius:18px;display:flex;align-items:center;gap:5px;font-size:.9rem;z-index:5;box-shadow:0 0 10px #ffd70066}.dollor-box-top-right{padding:0 3px;border-radius:50%;color:#000;background:#ffd700e5;border:3px solid #fefefe}@media(max-width:1200px){.recent-cards-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.recent-cards-container{grid-template-columns:repeat(1,1fr)}}.cv-carousel-main-container{padding:30px 0;display:flex;justify-content:center;align-items:center;color:#fff;overflow:hidden}h2.cv-section-title{font-size:2rem;text-align:left!important;color:#ffa800;margin:1rem 0 1rem 1rem!important;font-weight:700}.cv-carousel-container{overflow:hidden;position:relative;width:100%;contain:layout paint}.cv-carousel{display:flex;gap:20px;overflow-x:auto;scroll-behavior:auto;cursor:grab;-webkit-user-select:none;user-select:none;padding-bottom:15px;-webkit-overflow-scrolling:touch;touch-action:pan-x;will-change:transform,scroll-position}.cv-carousel::-webkit-scrollbar{display:none}.cv-card{flex:0 0 350px;height:260px;border-radius:16px;background:#1a1a1a;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.cv-card:hover{transform:scale(1.02);box-shadow:0 8px 25px #315f9b29}.cv-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cv-card:hover img{transform:scale(1.05)}.cv-card-info{position:absolute;bottom:0;width:100%;padding:14px;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff}.cv-card-info h3{font-size:1.1rem;margin-bottom:5px;font-weight:700}.cv-card-info p{font-size:.9rem;color:#ccc;line-height:1.3}@media(max-width:1024px){.cv-carousel-main-container{padding:25px 0}.cv-card{flex:0 0 290px;height:240px}h2.cv-section-title{font-size:1.8rem}.cv-card-info h3{font-size:1rem}.cv-card-info p{font-size:.85rem}}@media(max-width:768px){.cv-carousel-main-container{padding:20px 0}.cv-card{flex:0 0 250px;height:200px}h2.cv-section-title{font-size:1.6rem}.cv-card-info h3{font-size:.95rem}.cv-card-info p{font-size:.75rem}}@media(max-width:480px){.cv-carousel-main-container{padding:15px 0}.cv-card{flex:0 0 190px;height:160px}h2.cv-section-title{font-size:1.3rem}.cv-card-info{padding:8px}.cv-card-info h3{font-size:.85rem}.cv-card-info p{font-size:.65rem}}.home-container{width:100%;max-width:1200px;margin:0 auto;padding:0 0 1rem;font-family:Inter,Segoe UI,Tahoma,sans-serif;color:#1f1f1f;scroll-behavior:smooth}.text-golden{color:#c6a25d!important}.text-gray{color:#555}.text-warning{color:#e1ab44}.hero{border-radius:20px;padding:3rem 2rem;text-align:center;margin-bottom:3rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:url(/hero-bg-pattern.png) center/cover no-repeat;opacity:.05;pointer-events:none}.hero-subtitle{max-width:800px;margin:0 auto;padding:20px 15px;color:#d1d5db;font-family:Inter,sans-serif}.hero-title{font-size:2rem;margin:0 0 15px;font-weight:700;color:#dedede;line-height:1.3;font-family:Inter,Segoe UI,Tahoma,sans-serif}.hero-note small{color:#9ca3af;font-size:.9rem}.hero-warning{color:#fc0;font-weight:500;font-size:.95rem;margin-top:10px}.hero-card-highlights{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;text-align:center}.highlight-card{flex:1;min-width:200px;background:#111;padding:20px;border-radius:15px;transition:all .3s ease}.highlight-card:hover{transform:translateY(-5px);background:#222;box-shadow:5px 0 15px 8px #00000091}.highlight-icon{font-size:2rem;color:#fc0;margin-bottom:10px}.social-bar{margin:2rem 0;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.social-link{font-size:1.2rem;color:#fff;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;text-decoration:none;box-shadow:0 5px 15px #0003}.social-link:hover{transform:translateY(-4px);color:#fff;box-shadow:5px 0 15px 8px #00000091}.social-link.facebook:hover{background:#1877f2}.social-link.instagram:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4)}.social-link.github:hover{background:#24292e}.social-link.linkedin:hover{background:#0077b5}.social-link.globe:hover{background:#ff4b4b}.share-btn{padding:.4rem 1.5rem;margin-top:1.5rem;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:.3s ease-in;background:transparent;border:2px solid rgba(0,200,255,.8);color:#00c8ffcc!important}.share-btn:hover{border:2px solid #12dde8;transition:.1s ease-in-out;box-shadow:0 4px 10px #1f9eb2b1 inset}.nav-select-wrapper{position:relative;display:inline-flex;align-items:center}.nav-select:hover{background:#160f9c;box-shadow:0 4px 15px #6366f166}.nav-option{background:#111827;color:#fff;padding:10px}.home-section-title{display:block;font-family:Inter,sans-serif;font-weight:700;color:#e9e6d9;text-align:left;line-height:1.2;font-size:1.7rem;margin:40px 0 20px;position:relative;padding-left:10px}.home-section-title:after{content:"";display:block;width:50px;height:3px;background:#e1dccd;margin-top:6px;border-radius:2px}.templates-section{text-align:center;padding:20px 20px 40px 10px!important;border-radius:20px;max-width:950px;color:#e1e1e1}.templates-header h2{font-size:2rem;font-weight:700;margin-bottom:12px;color:#f0a71e;text-align:left}.templates-header .section-subtext{font-size:1rem;color:#cbd5e1;margin-bottom:25px;line-height:1.6;text-align:left}.templates-preview-description{font-size:.95rem;color:#cbd5e1;margin-bottom:30px;line-height:1.7;text-align:left;max-width:700px;margin-left:auto;margin-right:auto}.templates-preview-description ul{margin-top:10px;padding-left:20px}.templates-preview-description li{margin-bottom:8px;position:relative}.templates-preview-description li:before{content:"•";color:#f0a71e;font-weight:700;display:inline-block;width:1em;margin-left:-1em}.templates-cta{margin-top:15px;text-align:center}.btn-primary{padding:12px 32px;font-size:1rem;font-weight:600;border-radius:12px;border:none;background:linear-gradient(90deg,#f0a71e,#e1ab44);color:#1f1f1f;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(90deg,#e1ab44,#f0a71e);transform:translateY(-2px);box-shadow:0 6px 18px #f0a71e66}.info-container{margin:4rem 0}.info-text{color:#cbd5e1}.text-content-section{width:100%;margin:1rem auto;padding:1rem 1.5rem}.section-subtext{font-size:1.1rem;color:#cbd5e1;margin-top:-5px;margin-bottom:1.3rem;line-height:1.6;font-family:Inter,sans-serif;text-align:left;opacity:.9}.tutorial-section{margin:4rem 0 6rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;justify-items:center}.grid-card{border-radius:20px;text-align:center;width:100%;max-width:130px;padding:1.2rem .8rem;text-decoration:none;color:#fff;transition:all .3s ease;border:2px solid #2c2c2c}.grid-card:hover{transform:translateY(-6px);border-color:#00c8ffcc;box-shadow:0 5px 10px #44d4e15a inset,5px 0 15px 8px #00000091}.card-icon{font-size:2.2rem;color:#e1ab44;margin-bottom:.5rem}.card-text{font-weight:600;font-size:.95rem;text-transform:capitalize;margin:0 0 0 .3rem!important}.grid-card:hover .card-text{color:#00c8ff!important}.recent-section{margin-top:3rem}.recent-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.recent-wrapper>*{width:100%;display:flex;justify-content:center}.loading-overlay{position:fixed;inset:0;background:#000000e6;color:#fff;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:2rem;animation:fadeIn .5s ease}.loading-message h2{color:#e1ab44;font-size:2rem;margin-bottom:.5rem;animation:pulseText 1.5s infinite ease-in-out}.loading-message p{font-size:1.2rem;color:#ddd}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulseText{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:480px){.section-subtext{font-size:.9rem;margin-bottom:1rem}.home-container{padding:0 1rem}.home-section-title{font-size:1.2rem;margin:20px 0 10px}.home-section-title:after{width:30px}.home-section-title small{font-size:.9rem}.hero{padding:1rem 0rem;border-radius:16px}.hero-title{font-size:1rem;margin:0 0 15px}.hero-subtitle{font-size:.9rem}.hero-card-highlights{font-size:.75rem}.highlight-card{padding:10px 15px 20px}.tutorial-section{margin:2rem 0 4rem}.grid-container{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.grid-card{max-width:90px;padding:.6rem .4rem}.card-icon{font-size:1.6rem}.card-text{font-size:.8rem}.social-bar{margin:.7rem 0!important}.social-link{width:32px;height:32px;font-size:1rem}.share-btn{padding:.5rem .9rem;font-size:.9rem}.templates-section{padding:30px 15px}.templates-header h2{font-size:1.4rem}.templates-header .section-subtext{font-size:.9rem}.templates-preview-description{font-size:.85rem;line-height:1.5}.btn-primary{padding:10px 24px;font-size:.9rem}}@media(min-width:481px)and (max-width:768px){.section-subtext{font-size:.95rem;padding:0 10px}.home-container{padding:0 .4rem}.home-section-title{font-size:1.4rem;margin:25px 0 12px}.home-section-title:after{width:35px}.hero{padding:2.5rem 1.5rem}.hero-subtitle{font-size:1rem}.hero-title{font-size:1.5rem;margin:0 0 17px}.hero-note small,.hero-warning small,.hero-card-highlights{font-size:.85rem}.highlight-card{padding:10px 15px 20px}.social-bar{margin:.8rem 0!important}.tutorial-section{margin:2.5rem 0 4.5rem}.grid-container{grid-template-columns:repeat(3,1fr);gap:.8rem}.grid-card{max-width:150px;padding:.8rem .5rem}.card-icon{font-size:1.8rem}.share-btn{padding:.7rem 1rem}.templates-section{padding:40px 20px}.templates-header h2{font-size:1.6rem}.templates-header .section-subtext{font-size:.95rem}.templates-preview-description{font-size:.9rem;line-height:1.6}.btn-primary{padding:11px 28px;font-size:.95rem}.home-container{padding:1rem .8rem!important}}@media(min-width:769px)and (max-width:1024px){.home-container{padding:0 .6rem}.home-section-title{font-size:1.6rem;margin:30px 0 16px}.home-section-title:after{width:40px}.hero{padding:3rem 2rem}.hero-subtitle{font-size:1.7rem}.hero-card-highlights{font-size:.95rem}.social-bar{margin:1rem 0!important}.tutorial-section{margin:3rem 0 5rem}.grid-container{grid-template-columns:repeat(4,1fr)}.templates-section{padding:45px 25px}.templates-header h2{font-size:1.8rem}.templates-header .section-subtext{font-size:1rem}.templates-preview-description{font-size:.95rem}.btn-primary{padding:12px 30px;font-size:1rem}}@media(min-width:1025px){.home-container{padding:0 .8rem}.home-section-title{font-size:1.8rem;margin:35px 0 18px}.home-section-title:after{width:45px}.hero-subtitle{font-size:1.5rem}.hero-card-highlights{font-size:1.15rem}.social-bar{margin:1.5rem 0!important}.grid-container{grid-template-columns:repeat(5,1fr)}.templates-section{padding:50px 30px}.templates-header h2{font-size:2rem}.templates-header .section-subtext{font-size:1rem}.templates-preview-description{font-size:.95rem}.btn-primary{padding:12px 32px;font-size:1rem}}#CONTACT-FORM{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;min-height:100vh}.contact-section{width:90%;max-width:1100px;padding:40px;border-radius:20px;display:flex;background:linear-gradient(135deg,#ffffff0d,#ffffff03);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080;align-items:stretch}.contact-left{width:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:20px}.contact-left:before{content:"";position:absolute;height:70%;width:1px;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(to bottom,transparent,rgba(255,154,2,.5),transparent)}.address-detail,.phone-detail,.email-detail{padding:20px;text-align:center;transition:transform .3s ease}.address-detail:hover,.phone-detail:hover,.email-detail:hover{transform:translateY(-5px)}.contact-left i{font-size:1.8rem;color:#ff9a02;margin-bottom:12px;filter:drop-shadow(0 0 8px rgba(255,154,2,.4))}.contact-left h1{font-weight:700;font-size:1.1rem;color:#f8fafc;margin-bottom:5px;letter-spacing:1px}.contact-left p{font-size:.9rem;color:#94a3b8;margin:0;line-height:1.5}.contact-right{width:65%;padding-left:40px;display:flex;flex-direction:column;justify-content:center}.contact-right h1{font-size:2.2rem;margin-bottom:10px;color:#fff;font-family:Fira Sans,sans-serif;font-weight:800;text-align:left}.contact-right p{font-size:1rem;color:#cbd5e1;margin-bottom:30px;text-align:left}.form-container{width:100%}.input-box{margin-bottom:15px;width:100%}.form-label1,.form-label2{width:100%;background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 15px;border-radius:8px;font-size:1rem;outline:none;transition:all .3s ease;box-shadow:none}.form-label2{height:120px;resize:none}.form-label1:focus,.form-label2:focus{border-color:#ff9a02;background:#0f172acc;box-shadow:0 0 15px #ff9a021a}.contact-btn{display:inline-block;padding:12px 30px;border-radius:8px;border:1px solid #ff9a02;font-size:1rem;font-weight:600;cursor:pointer;color:#fff;background:transparent;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.contact-btn:hover{background:#ff9a02;color:#000;box-shadow:0 0 20px #ff9a0266}.contact-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#64748b}@media(max-width:1024px){.contact-section{width:95%;padding:30px}.contact-left{width:40%}.contact-right{width:60%;padding-left:20px}}@media(max-width:799px){#CONTACT-FORM{padding:40px 10px}.contact-section{flex-direction:column;padding:30px 20px}.contact-right{width:100%;padding-left:0;order:1;margin-bottom:40px}.contact-right h1,.contact-right p{text-align:center;width:100%}.contact-left{width:100%;order:2;flex-direction:row;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);padding-top:30px}.contact-left:before{display:none}.address-detail,.phone-detail,.email-detail{width:50%;padding:10px}.email-detail{width:100%}}.floating-go-back{position:fixed;bottom:24px;left:24px;z-index:999;background:linear-gradient(145deg,#2c221bf7,#6e5629,#66593d);color:#fff;border:none;border-radius:50%;width:52px;height:52px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center;overflow:hidden}.floating-go-back.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.floating-go-back:hover{background:linear-gradient(145deg,#674c39f7,#8c6d33,#b2965b);color:#000;transform:scale(1.1);box-shadow:0 6px 16px #c6a25d80;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #c6a25d66}70%{box-shadow:0 0 0 10px #c6a25d00}to{box-shadow:0 0 #c6a25d00}}.esewa-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;font-family:Inter,sans-serif;transition:all .3s ease}.esewa-form:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000026}.esewa-field{display:flex;flex-direction:column;gap:.5rem}.esewa-field input[type=text]{padding:12px 15px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:1rem;transition:border .3s,box-shadow .3s}.esewa-field input[type=text]::placeholder{color:#aaa;font-weight:400}.esewa-field input[type=text]:focus{border-color:#0072e5;box-shadow:0 0 0 3px #0072e526}.esewa-btn{padding:12px;border:none;border-radius:8px;background:linear-gradient(90deg,#00e501,var(--bs-green));border:2px solid black;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.esewa-btn:hover{background:linear-gradient(90deg,#04c504,var(--bs-green));transform:translateY(-2px)}.esewa-btn:active{transform:translateY(0);background:linear-gradient(90deg,#059d23,var(--bs-green))}@media(max-width:500px){.esewa-form{padding:1.5rem;gap:.75rem}.esewa-field input[type=text]{font-size:.95rem;padding:10px 12px}.esewa-btn{font-size:.95rem;padding:10px}}.bank-payment-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;font-family:Inter,sans-serif;transition:all .3s ease}.bank-payment-form:hover{transform:translateY(-3px);box-shadow:0 12px 25px #00000026}.bank-field{display:flex;flex-direction:column;gap:.5rem}.bank-field input{padding:12px 15px;border-radius:8px;border:1px solid #ccc;outline:none;font-size:1rem;transition:border .3s,box-shadow .3s}.bank-field input::placeholder{color:#aaa;font-weight:400}.bank-field input:focus{border-color:#ab9c11;box-shadow:0 0 0 3px #28a74526}.bank-payment-btn{padding:12px;border:none;border-radius:8px;background:linear-gradient(90deg,#ab9b18,#53400b);border:2px solid black;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.bank-payment-btn:hover{background:linear-gradient(90deg,#cfbb26,#513e0c);transform:translateY(-2px)}.bank-payment-btn:active{transform:translateY(0);background:linear-gradient(90deg,#8c7f1e,#60490b)}@media(max-width:500px){.bank-payment-form{padding:1.5rem;gap:.75rem}.bank-field input{font-size:.95rem;padding:10px 12px}.bank-payment-btn{font-size:.95rem;padding:10px}}:root{--gold: #d4af37;--gold-glow: rgba(212, 175, 55, .2);--bg-black: #050505;--card-gray: #0f0f0f;--border-color: #1a1a1a;--text-silver: #c0c0c0;--text-gray: gray}.component-page-container{background-color:transparent;color:#fff;min-height:100vh;font-family:Inter,system-ui,sans-serif}.header{margin:2rem 3rem!important}.description-text{font-size:1rem;color:var(--text-gray);line-height:1.6;max-width:800px}.header-top{text-align:left;display:flex;justify-content:space-between}.topic-badge{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:.75rem;font-weight:700;margin-bottom:10px;display:block}.component-title{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;margin-bottom:20px;background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lib-share-btn{padding:.4rem}@media(max-width:768px){.header{margin:1.5rem 1rem!important}}.lib-action-btns{display:flex;gap:12px;margin:2rem 3rem!important;flex-wrap:wrap;justify-content:flex-end;padding:1rem 1.2rem!important;background-color:#000;background-image:radial-gradient(#ffffff38 1.1px,transparent 1.1px);background-size:20px 20px;border-radius:12px;box-shadow:inset 0 4px 8px #bda29680,inset 0 -4px 6px #ffffff0d}.lib-btn{padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:#3b82f6;color:#fff;border:1px solid transparent}.btn-primary:hover{background:#2563eb;transform:translateY(-2px)}.btn-outline{background:#ffffff0d;border:1px solid #333;color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#555;transform:translateY(-2px)}.btn-gold{border:1px solid #d4af37;color:#d4af37;background:transparent}.btn-gold:hover{background:#d4af37;color:#000;transform:translateY(-2px);box-shadow:0 0 15px #d4af3733}@media(max-width:1024px){.lib-action-btns{margin:1.5rem 2rem!important;gap:10px}}@media(max-width:768px){.lib-action-btns{margin:0 1rem!important;justify-content:center}.lib-btn{padding:5px;font-size:.85rem;flex:1;min-width:120px}}@media(max-width:480px){.lib-btn span{display:none}.lib-btn{min-width:auto;padding:5px}.lib-btn i{font-size:1.2rem}}.hero-visual-stage{height:70vh;width:90%;position:relative;background:#000;border:2px dashed #8080808c;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:40px auto;box-shadow:3px 5px 12px #ffffff78}@media(max-width:1000px){.hero-visual-stage{height:50vh}}@media(max-width:768px){.hero-visual-stage{margin:1rem auto;border:1px dashed #8080808c}.content-specs{padding:40px 15px!important}.code-snippet{font-size:.8rem!important}}.lib-props-table-wrapper{width:100%;margin:1.5rem 0;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0d0d0d80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:auto}.lib-props-table{width:100%;border-collapse:collapse;font-family:Inter,system-ui,sans-serif;color:#cbd5e1;min-width:700px}.lib-props-table thead{background:#ffffff08}.lib-props-table th{padding:14px 20px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1)}.lib-props-table td{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.875rem;line-height:1.5;vertical-align:middle}.lib-props-table tr:hover{background:#ffffff05}.lib-props-table td:first-child code{color:#818cf8;font-weight:600;background:transparent}.lib-props-table code{font-family:Fira Code,JetBrains Mono,monospace;font-size:.8rem;background:#1e293b80;padding:3px 7px;border-radius:6px;color:#38bdf8;border:1px solid rgba(56,189,248,.2)}.lib-props-table td:last-child{color:#94a3b8;max-width:300px}.content-specs{margin:0 auto;padding:10px 25px}.code-snippet{background:#000;padding:15px;border-radius:8px;font-family:Fira Code,monospace;font-size:.9rem;color:#8ef;overflow-x:auto;border:1px solid #111}.specs-grid{gap:30px;margin-top:20px}.spec-card{border:none;padding:15px 10px;transition:border .3s ease;margin-bottom:25px}.spec-card h4{color:var(--gold);margin-bottom:0;font-size:.9rem;letter-spacing:1px}.spec-card p{color:var(--text-gray);margin:0 0 1rem}.spec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.lib-copy-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#888;padding:4px 10px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:.2s}.lib-copy-btn:hover{background:#ffffff1a;color:#fff}.lib-copy-btn.copied{border-color:#22c55e;color:#22c55e}.usage-wide{grid-column:1 / -1}.code-snippet{position:relative;background:#000!important;border:1px solid #1a1a1a!important}@media(max-width:768px){.spec-card{border:none;padding:15px 0}.content-specs{padding:10px 20px!important}.code-snippet{font-size:.85rem!important}}code[class*=language-],pre[class*=language-]{background:#000!important}:not(pre)>code[class*=language-],pre[class*=language-]{background:#000!important}pre[class*=language-]{background:#000!important;border:1px solid #1a1a1a!important;border-radius:8px!important;margin:10px 0 0!important;padding:1.2rem!important;font-size:.85rem!important}pre[class*=language-]::-webkit-scrollbar{height:4px}pre[class*=language-]::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.component-page-container{transition:opacity .4s ease-in-out}.hero-visual-stage .react-loading-skeleton{display:block;line-height:1}.hero-visual-stage:has(.react-loading-skeleton){border-color:#ffffff0d;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.skeleton-title-main{width:300px}@media(max-width:768px){.skeleton-title-main{width:100%}.lib-action-btns:has(.react-loading-skeleton){justify-content:center!important}.lib-action-btns span{width:90px!important}}.react-loading-skeleton:after{background:linear-gradient(90deg,transparent,rgba(212,175,55,.05),transparent)!important}.hero-visual-stage:has(.react-loading-skeleton){display:block!important;padding:0!important}.library-page{display:flex}.lib-right-sidebar{margin:0;padding:0;min-width:215px}.component-page-container.container{max-width:calc(100vw - 260px)}@media(max-width:1225px){.component-page-container.container{max-width:calc(100vw - 260px)}.lib-right-sidebar{display:none}}@media(max-width:767px){.component-page-container.container{max-width:100vw}.lib-left-sidebar{display:none}}.lib-topic-page{display:flex;min-height:100vh}.main-library-topic.container{flex:1;max-width:calc(100vw - 250px);padding:10px 40px!important;overflow-x:hidden}.lib-tp-right-sidebar{padding:0;margin:0;border-left:1px solid rgba(255,255,255,.05);position:sticky;top:0;min-height:100vh}.ct-fs-wrapper{position:relative;width:100%;margin:0 0 30px;padding:5px 0}.ct-fs-wrapper.is-scrollable-left:before{content:"";position:absolute;top:0;bottom:0;left:0;width:80px;z-index:10;pointer-events:none;background:linear-gradient(to right,#0a0a0c 20%,transparent)}.ct-fs-wrapper.is-scrollable-right:after{content:"";position:absolute;top:0;bottom:0;right:0;width:80px;z-index:10;pointer-events:none;background:linear-gradient(to left,#0a0a0c 20%,transparent)}.ct-fs-scroll{overflow-x:auto;scrollbar-width:none;display:flex;padding:10px 0}.ct-fs-scroll::-webkit-scrollbar{display:none}.ct-fs-grid{display:flex;gap:12px;padding:0 10px}.ct-fs-card{position:relative;flex:0 0 auto;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:10px 20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.3s cubic-bezier(.4,0,.2,1)}.ct-fs-card:hover{background:#ffffff14;color:#fff}.ct-selected-card{background:#3b82f61a!important;color:#fff!important;border:1px solid #3b82f6!important;box-shadow:0 0 20px #3b82f633}.ct-results-count{margin:auto 0}.cv-pill-new-dot{font-size:.55rem;font-weight:900;color:#000;background:#5af63b;padding:2px 5px;border-radius:4px;line-height:1;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 0 10px #5af63b66;animation:micro-pulse 2s infinite ease-in-out;position:absolute;top:0%;left:80%}@keyframes micro-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}.ct-section-header{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:25px}.ct-language-title{margin:auto 0;text-align:left}.cv-sort-group{display:flex;background:#ffffff08;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.cv-sort-group button{background:transparent;border:none;color:#64748b;padding:6px 16px;font-size:.75rem;font-weight:600;cursor:pointer;transition:.3s;border-radius:6px}.cv-sort-group button.active{background:#3b82f61a;color:#3b82f6}.ct-topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;padding:20px 0}.cv-module-card{position:relative;background:linear-gradient(145deg,#16161a,#0d0d0f);border:1px solid rgba(255,255,255,.05);border-radius:4px;text-decoration:none!important;overflow:hidden;transition:all .3s ease}.cv-scan-line{position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#5af63b,transparent);transition:.5s}.cv-module-card:hover .cv-scan-line{left:100%}.cv-module-inner{padding:20px;display:flex;flex-direction:column;gap:20px}.cv-module-top{display:flex;justify-content:space-between;align-items:center}.cv-id-badge{font-family:Fira Code,monospace;font-size:.65rem;color:#475569;display:flex;align-items:center;gap:6px}.cv-hex-dot{width:6px;height:6px;background:#3b82f6;transform:rotate(45deg)}.cv-pulse-tag{font-size:.7rem;color:#5af63b;letter-spacing:1px;font-weight:800;position:relative;padding-left:18px}.cv-pulse-tag:before{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;background:#5af63b;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 8px #5af63b}.cv-module-main{display:flex;gap:15px;align-items:center}.cv-module-icon{width:45px;height:45px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:#f8fafc}.cv-module-title{font-size:1.1rem;color:#fff;margin:0;font-weight:600}.cv-module-subtitle{font-size:.75rem;color:#64748b;margin-top:2px;text-transform:uppercase}.cv-module-footer{display:flex;gap:10px}.cv-terminal-box{flex:1;background:#000;padding:10px 15px;border-radius:4px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.03);box-shadow:inset 0 2px 4px #00000080}.cv-prompt{color:#3b82f6;font-weight:700;font-size:.8rem}.cv-terminal-code{font-size:.75rem;font-family:Fira Code,monospace}.cv-explore-btn{width:40px;background:#1e1e24;border:1px solid #2d2d35;color:#fff;border-radius:4px;transition:.3s}.cv-module-card:hover{background:#1a1a20;border-color:#3b82f64d;transform:translateY(-4px)}.cv-module-card:hover .cv-explore-btn{background:#3b82f6;border-color:#3b82f6}@media(max-width:767px){.main-library-topic.container{max-width:100vw;padding:20px!important}.lib-tp-right-sidebar{display:none}.ct-section-header{flex-direction:column;align-items:flex-start;gap:15px}}.cv-module-card:has(.react-loading-skeleton){cursor:default;transform:none!important}.react-loading-skeleton{--animation-duration: 1.5s}:root{--sidebar-bg: #0d0d12;--sidebar-border: rgba(255, 255, 255, .05);--accent-blue: #007bff;--text-muted: #888891;--nav-hover: rgba(255, 255, 255, .03)}.lib-left-sidebar{min-width:230px;height:100vh;border-right:1px solid rgba(128,128,128,.588);position:sticky;top:0;display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease}.sidebar-header{padding:24px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue);display:flex;align-items:center;gap:12px}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 16px}.nav-item-topic{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;color:#fff;transition:background .2s}.nav-item-topic:hover{background:var(--nav-hover)}.topic-icon{margin-right:12px;font-size:1.1rem;opacity:.7}.topic-name{flex:1;font-size:.95rem}.arrow{font-size:.7rem;transition:transform .3s}.arrow.rotated{transform:rotate(90deg)}.nav-sub-items{margin-left:18px;border-left:1px solid rgba(255,255,255,.05);margin-top:4px;margin-bottom:8px}.sub-item{display:flex;align-items:center;padding:8px 16px;font-size:.88rem;color:var(--text-muted);text-decoration:none;transition:.2s}.sub-item:hover,.sub-item.active{color:#53a2c7}.sub-item.active{background:linear-gradient(90deg,rgba(0,123,255,.1) 0%,transparent 100%);border-left:2px solid var(--accent-blue);margin-left:-1px}@media(max-width:991px){.lib-left-sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}}@media(max-width:767px){.lib-left-sidebar{position:fixed;transform:translate(-100%)}}.sub-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:.2s}.sub-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.badge-new{background:#007bff;color:#fff!important;font-size:9px;font-weight:800;padding:1px 5px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.skeleton-item{background:linear-gradient(90deg,#1a1a1a 25%,#242424,#1a1a1a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:4px;margin-bottom:10px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:24px;width:60%;margin:20px auto}.skeleton-search{height:40px;width:90%;margin:0 auto 20px;border-radius:8px}.skeleton-group{padding:10px 20px}.skeleton-topic{height:20px;width:80%;margin-bottom:15px;opacity:.8}.skeleton-sub{height:14px;width:70%;margin-left:20px;margin-bottom:12px;opacity:.4}.lib-left-sidebar:has(.skeleton-item){overflow:hidden}.docs-container{display:flex;max-width:1200px;margin:0 auto;padding:2rem;gap:4rem;color:#cbd5e1}.docs-content{flex:1;min-width:0}.version-tag{background:#d4af371a;color:#d4af37;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.docs-title{font-size:2.5rem;font-weight:800;margin-top:1rem;color:#fff}.docs-subtitle{font-size:1.1rem;color:#94a3b8;margin-top:.5rem}.docs-divider{border:0;border-top:1px solid #1e293b;margin:2rem 0}.docs-section h2{font-size:1.75rem;color:#fff;margin:2.5rem 0 1rem}.docs-section h3{font-size:1.25rem;color:#e2e8f0;margin:2rem 0 1rem}.docs-section p{line-height:1.7;margin-bottom:1.5rem}.code-block-wrapper{position:relative;margin:1.5rem 0}.copy-btn{position:absolute;right:12px;top:12px;background:#1e293b;border:1px solid #334155;color:#94a3b8;padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;z-index:10}.copy-btn:hover{background:#334155;color:#fff}.docs-toc{width:200px;position:sticky;top:2rem;height:fit-content}.docs-toc h4{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.docs-toc ul{list-style:none;padding:0;border-left:1px solid #1e293b}.docs-toc li a{display:block;padding:6px 16px;color:#94a3b8;text-decoration:none;font-size:.9rem;transition:.2s}.docs-toc li a:hover{color:#d4af37;border-left:1px solid #d4af37;margin-left:-1px}@media(max-width:992px){.docs-toc{display:none}.docs-container{padding:1rem}}:root{--dark-mode-background: hsl(0 0% 0%);--dark-mode-color:hsl(0 0% 100%);--dark-mode-secondary-color:#e0e0e0;--light-mode-background: hsl(0 0% 100%);--light-mode-color:hsl(0 0% 0%);--light-mode-secondary-color:#050505}.dark-mode{background-color:var(--dark-mode-background)!important;color:var(--dark-mode-color)!important}.light-mode{background-color:var(--light-mode-background)!important;color:var(--light-mode-color)!important}