:root{--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;--bg-main:#07080f;--bg-card:#11121ea6;--bg-card-hover:#1a1b2dd9;--border-color:#ffffff14;--border-color-hover:#3b82f64d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-purple:#2563eb;--accent-purple-glow:#2563eb4d;--accent-indigo:#3b82f6;--accent-indigo-glow:#3b82f64d;--accent-blue:#60a5fa;--shadow-lg:0 10px 30px -10px #000000b3;--shadow-glow:0 0 40px -10px #2563eb33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1f213a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}#root{width:100%;min-height:100vh;position:relative}.bg-orbs{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb-1{filter:blur(80px);background:radial-gradient(circle,#2563eb26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite alternate orbFloat;position:absolute;top:-20%;left:15%}.orb-2{filter:blur(100px);background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:30s ease-in-out infinite alternate-reverse orbFloat;position:absolute;bottom:-10%;right:10%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(80px,50px)scale(1.1)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#07080fbf;justify-content:space-between;align-items:center;padding:1.25rem 5%;transition:all .3s;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 30%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex}.nav-logo{border-radius:8px;width:32px;height:32px;box-shadow:0 0 10px #3b82f666}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn-github-nav{border:1px solid var(--border-color);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-github-nav:hover{border-color:var(--text-secondary);background:#ffffff1a}.nav-actions-always{align-items:center;gap:1.5rem;display:flex}.lang-toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.lang-toggle-btn:hover{border-color:var(--accent-purple);background:#ffffff1a;box-shadow:0 0 10px #3b82f633}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem 5% 4rem;display:flex;position:relative}.hero-badges-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.hero-badge{color:#60a5fa;cursor:default;background:#2563eb1a;border:1px solid #2563eb40;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 0 15px #2563eb1f}.hero-badges-container .hero-badge{margin-bottom:0}.hero-badge:hover{border-color:#3b82f666;transform:translateY(-2px);box-shadow:0 4px 15px #3b82f640}.hero-badge.downloads{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633;box-shadow:0 0 15px #3b82f61a}.hero-badge.downloads:hover{border-color:#3b82f666;box-shadow:0 4px 15px #3b82f640}.hero-badge.highlight-vps{color:#34d399;background:linear-gradient(135deg,#10b98126 0%,#3b82f626 100%);border:1px solid #10b98166;font-weight:700;animation:3s ease-in-out infinite pulse-glow-vps;box-shadow:0 0 18px #10b98140}@keyframes pulse-glow-vps{0%,to{border-color:#10b98166;box-shadow:0 0 15px #10b98140}50%{border-color:#34d399cc;box-shadow:0 0 25px #10b98180}}.hero-title{letter-spacing:-1.5px;background:linear-gradient(135deg, var(--text-primary) 20%, #60a5fa 60%, #3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:900px;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:800;line-height:1.15}.hero-desc{color:var(--text-secondary);max-width:650px;margin-bottom:2rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3.5rem;display:flex}.btn-hero-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:14px;justify-content:center;align-items:center;padding:.95rem 2.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #2563eb73}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #2563eb99,0 0 20px #3b82f659}.btn-hero-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;padding:.95rem 2.2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-hero-secondary:hover{border-color:var(--text-secondary);background:#ffffff14;transform:translateY(-2px)}.hero-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#ffffff05;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:1rem;padding:1.5rem 2.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex;position:relative}.stat-item:not(:last-child):after{content:"";background-color:var(--border-color);width:1px;height:70%;position:absolute;top:15%;right:-1.25rem}.stat-val{color:var(--text-primary);background:linear-gradient(135deg,#fff 50%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;font-size:.85rem}.tabs-section{justify-content:center;margin:2rem 0;padding:0 5%;display:flex}.tabs-container{border:1px solid var(--border-color);background:#ffffff08;border-radius:9999px;gap:.25rem;padding:.4rem;display:flex}.tab-btn{color:var(--text-secondary);border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);box-shadow:0 5px 20px #2563eb66}.showcase-section{padding:2rem 5% 5rem}.showcase-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg), var(--shadow-glow);border-radius:32px;grid-template-columns:1.1fr .9fr;gap:4rem;padding:3.5rem;transition:border-color .3s;display:grid;position:relative;overflow:visible}.showcase-card:hover{border-color:var(--border-color-hover)}.showcase-info{min-width:0}.app-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.app-showcase-logo{border-radius:14px;width:56px;height:56px;box-shadow:0 0 15px #3b82f64d}.app-showcase-title{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.app-slogan{color:#60a5fa;margin-bottom:1rem;font-size:1.15rem;font-weight:500}.app-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag-item{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.features-list{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.feature-item{align-items:flex-start;gap:1rem;display:flex}.feature-icon-wrapper{color:#60a5fa;background:#2563eb1f;border-radius:10px;justify-content:center;align-items:center;padding:.6rem;display:flex}.feature-details{flex-direction:column;display:flex}.feature-title{color:var(--text-primary);font-size:1rem;font-weight:600}.feature-desc{color:var(--text-secondary);margin-top:.1rem;font-size:.9rem}.action-buttons{gap:1.25rem;display:flex}.btn-download{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:14px;align-items:center;gap:.75rem;padding:.9rem 2rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #2563eb59}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 22px #2563eb80}.btn-github{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d;border-radius:14px;align-items:center;gap:.75rem;padding:.9rem 2rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-github:hover{border-color:var(--text-secondary);background:#ffffff14}.screenshot-display{flex-direction:column;justify-content:center;gap:1.5rem;min-width:0;display:flex}.main-screenshot-container{aspect-ratio:1920/1020;border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-lg);background:#0f101a;border-radius:16px;position:relative;overflow:hidden}.main-screenshot-container.portrait-mode{aspect-ratio:9/18.5;border:10px solid #1c1d30;border-radius:36px;max-width:245px;max-height:500px;margin:0 auto;box-shadow:0 20px 40px #0009}.screenshot-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .3s;display:block}.thumbnails-scroll{justify-content:safe center;gap:.75rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.thumbnails-scroll.portrait-mode{max-width:245px;margin:0 auto}.thumbnails-scroll::-webkit-scrollbar{height:6px}.thumbnail-wrapper{aspect-ratio:16/10;cursor:pointer;opacity:.6;background:#0f101a;border:2px solid #0000;border-radius:8px;flex:0 0 80px;transition:all .2s;overflow:hidden}.thumbnail-wrapper.portrait-mode{aspect-ratio:9/18.5;flex:0 0 45px}.thumbnail-wrapper.active{border-color:var(--accent-purple);opacity:1;box-shadow:0 0 10px var(--accent-purple-glow)}.thumbnail-wrapper:hover{opacity:.9}.thumbnail-img{object-fit:cover;width:100%;height:100%}.crypto-section{justify-content:center;padding:4rem 5%;display:flex}.crypto-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:1000px;box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#3b82f60d 0%,#0ea5e90d 100%);border:1px solid #3b82f626;border-radius:24px;align-items:center;gap:3rem;padding:3rem;display:flex}.crypto-info{flex:1}.crypto-badge{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.crypto-title{margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.crypto-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.crypto-tags{flex-wrap:wrap;gap:.75rem;display:flex}.crypto-tag{border:1px solid var(--border-color);font-size:.85rem;font-family:var(--mono);color:var(--text-primary);background:#ffffff0d;border-radius:8px;padding:.4rem .8rem}.crypto-icon-wrapper{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb40;border-radius:24px;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 0 30px #2563eb26}.matrix-section{flex-direction:column;align-items:center;padding:4rem 5%;display:flex}.matrix-title{text-align:center;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.matrix-container{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);width:100%;max-width:1000px;box-shadow:var(--shadow-lg);border-radius:24px;padding:1.5rem;overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:left;width:100%}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--border-color);padding:1.2rem 1.5rem}.matrix-table th{color:var(--text-primary);font-size:1rem;font-weight:700}.matrix-table th:first-child{width:35%}.matrix-table td{color:var(--text-secondary);font-size:.95rem}.matrix-table tr:last-child td{border-bottom:none}.matrix-table tr:hover td{color:var(--text-primary);background:#ffffff03}.cell-app{color:var(--text-primary);font-weight:600}.cell-check{color:#34d399;font-weight:700}.cell-cross{color:#f87171;font-weight:700}@keyframes fadeEffect{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.showcase-card{grid-template-columns:1fr;gap:3rem;padding:2.5rem}.hero-title{font-size:2.8rem}}@media (width<=768px){.hero-badges-container{gap:.5rem;margin-bottom:1.25rem}.hero-badge{padding:.35rem .8rem;font-size:.78rem}.navbar{padding:1rem 5%}.nav-links{display:none}.hero-title{font-size:2.3rem}.hero-stats{flex-direction:column;gap:1.5rem;width:100%;max-width:320px;padding:1.5rem 2rem}.stat-item:not(:last-child):after{display:none}.tabs-section{margin:1.5rem 0;padding:0 1rem}.tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;width:max-content;max-width:100%;margin:0 auto;padding:.3rem;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{flex:none;padding:.6rem 1.2rem;font-size:.85rem}.showcase-card{border-radius:24px;gap:2.5rem;padding:2rem 1.5rem}.app-showcase-title{font-size:1.8rem}.action-buttons{flex-direction:column;gap:1rem;width:100%}.btn-download,.btn-github{justify-content:center;width:100%;padding:.8rem 1.5rem}.crypto-card{text-align:center;flex-direction:column;padding:2rem}.crypto-icon-wrapper{order:-1}.footer-links{flex-direction:column;gap:1rem}}@media (width<=480px){.hero-badges-container{gap:.4rem;margin-bottom:1rem}.hero-badge{padding:.3rem .7rem;font-size:.72rem}.hero-title{letter-spacing:-1px;font-size:1.85rem}.hero-desc{margin-bottom:2rem;font-size:1rem}.showcase-section{padding:1rem 3% 3rem}.showcase-card{border-radius:16px;gap:1.75rem;padding:1.25rem 1rem}.app-meta{gap:.75rem;margin-bottom:1rem}.app-showcase-logo{border-radius:10px;width:48px;height:48px}.app-showcase-title{font-size:1.45rem}.app-slogan{margin-bottom:.75rem;font-size:.95rem}.app-tags{gap:.35rem;margin-bottom:1.5rem}.tag-item{padding:.2rem .5rem;font-size:.75rem}.features-list{gap:.9rem;margin-bottom:1.75rem}.feature-item{gap:.75rem}.feature-icon-wrapper{padding:.5rem}.feature-title{font-size:.92rem}.feature-desc{font-size:.82rem}.main-screenshot-container.portrait-mode{border-width:8px;max-width:220px;max-height:460px}.thumbnail-wrapper{flex:0 0 70px}.thumbnail-wrapper.portrait-mode{flex:0 0 38px}.thumbnails-scroll.portrait-mode{max-width:220px}.matrix-title{margin-bottom:1.5rem;font-size:1.6rem}.crypto-title{font-size:1.5rem}.crypto-card{padding:1.5rem 1rem}}@media (width<=1024px){.guide-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px}}@media (width<=768px){.guide-section{padding:3rem 5%}.guide-title{font-size:1.8rem}.guide-subtitle{margin-bottom:2.5rem}}@media (width<=480px){.guide-section{padding:2.5rem 3%}.guide-title{font-size:1.5rem}.guide-card{border-radius:16px;padding:1.5rem}.guide-card-header{margin-bottom:1.5rem}}.timeline-container{flex-direction:column;gap:3rem;width:100%;max-width:900px;display:flex;position:relative}.timeline-container:before{content:"";z-index:0;background:linear-gradient(#3b82f680,#a855f780,#0000);width:2px;position:absolute;top:40px;bottom:40px;left:35px}.timeline-step{z-index:1;gap:2rem;display:flex;position:relative}.timeline-icon-box{background:var(--bg-card);color:#60a5fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #3b82f666;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 20px #3b82f633}.timeline-content{flex:1}.inst-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;padding:2.5rem;transition:border-color .3s}.credentials-guide-box.redesigned{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0f172ab3 0%,#1e293bb3 100%);border:1px solid #3b82f640;border-radius:20px;margin:1.5rem 0;padding:1.75rem;box-shadow:0 10px 30px #00000040}.guide-box-header{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.guide-box-icon{color:#60a5fa;box-sizing:content-box;background:#3b82f626;border-radius:12px;flex-shrink:0;padding:10px}.guide-box-title{color:var(--text-primary);margin-bottom:.25rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.guide-box-subtitle{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.matrix-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.matrix-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .3s;display:flex}.matrix-card:hover{background:#ffffff0d;border-color:#3b82f666;transform:translateY(-2px)}.matrix-card.full-width{grid-column:1/-1}.matrix-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.provider-pill{letter-spacing:.3px;border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:700}.provider-pill.gdrive{color:#60a5fa;background:#4285f433;border:1px solid #4285f44d}.provider-pill.onedrive{color:#38bdf8;background:#0078d433;border:1px solid #0078d44d}.provider-pill.dropbox{color:#818cf8;background:#0061ff33;border:1px solid #0061ff4d}.provider-pill.box{color:#38bdf8;background:#0061d533;border:1px solid #0061d54d}.provider-pill.direct{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.flow-badge{color:var(--text-secondary);background:#ffffff0f;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.flow-badge.success{color:#34d399;background:#10b9811a}.matrix-flow-step{flex-direction:column;gap:.3rem;display:flex}.flow-dir-badge{text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.flow-dir-badge.export{color:#f59e0b}.flow-dir-badge.import{color:#60a5fa}.flow-text{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.flow-text code{color:#38bdf8;background:#0000004d;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.8rem}.os-tab-selector{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.os-tab-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#ffffff08;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.os-tab-btn:hover{color:var(--text-primary);background:#ffffff14}.os-tab-btn.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f666}.os-tab-content{min-height:200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.provider-accordion{flex-direction:column;gap:1rem;display:flex}.accordion-item{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;transition:all .3s;overflow:hidden}.accordion-item:hover{border-color:#ffffff1a}.accordion-item.open{background:#ffffff0a;border-color:#3b82f64d}.accordion-header{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;display:flex}.provider-name{letter-spacing:.5px;font-family:Outfit,sans-serif}.accordion-chevron{color:var(--text-secondary);transition:transform .3s}.accordion-item.open .accordion-chevron{color:#60a5fa;transform:rotate(180deg)}.accordion-content{max-height:0;padding:0 1.5rem;transition:max-height .4s,padding .4s;overflow:hidden}.accordion-item.open .accordion-content{max-height:600px;padding:0 1.5rem 1.5rem}.os-guide-block{background:#0003;border-radius:12px;padding:1.5rem}.usage-heading{color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.2rem}.usage-p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.credentials-guide-box{background:#3b82f60d;border-left:3px solid #3b82f6;border-radius:0 12px 12px 0;padding:1.25rem}.credentials-guide-box strong{color:#60a5fa;margin-bottom:.75rem;display:block}.credentials-steps-ol{flex-direction:column;gap:.5rem;padding-left:1.25rem;display:flex}@media (width<=768px){.timeline-container:before{left:20px}.timeline-step{flex-direction:column;gap:1rem}.timeline-icon-box{border-radius:12px;width:40px;height:40px}.timeline-icon-box svg{width:20px;height:20px}.inst-card{padding:1.5rem}}.footer{border-top:1px solid var(--border-color);text-align:center;background:#05060a;flex-direction:column;align-items:center;gap:2rem;margin-top:auto;padding:4rem 5% 3rem;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.footer-links{gap:2rem;display:flex}.footer-link{color:var(--text-secondary);font-size:.9rem;transition:color .2s}.footer-link:hover{color:var(--text-primary)}.footer-text{color:var(--text-muted);font-size:.85rem}.footer-author{color:var(--text-secondary);font-weight:500}.screenshot-nav-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);opacity:.8;background:#0f101aa6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.screenshot-nav-btn:hover{background:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple-glow);opacity:1;border-color:#ffffff4d;transform:translateY(-50%)scale(1.1)}.screenshot-nav-btn:active{transform:translateY(-50%)scale(.95)}.screenshot-nav-btn.prev{left:1rem}.screenshot-nav-btn.next{right:1rem}.main-screenshot-container.portrait-mode .screenshot-nav-btn{width:34px;height:34px}.main-screenshot-container.portrait-mode .screenshot-nav-btn.prev{left:.5rem}.main-screenshot-container.portrait-mode .screenshot-nav-btn.next{right:.5rem}.screenshot-label-overlay{color:var(--text-primary);text-align:center;pointer-events:none;background:linear-gradient(#07080f00 0%,#07080ff2 100%);border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:2rem 1rem .75rem;font-size:.9rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.main-screenshot-container.portrait-mode .screenshot-label-overlay{border-bottom-right-radius:26px;border-bottom-left-radius:26px;padding:2rem .5rem .75rem;font-size:.8rem;bottom:0}.animated-fade{animation:.35s ease-in-out fadeEffect}@media (width<=1024px){.showcase-card{grid-template-columns:1fr;gap:3rem;padding:2.5rem}.hero-title{font-size:2.8rem}}@media (width<=768px){.hero-badges-container{gap:.5rem;margin-bottom:1.25rem}.hero-badge{padding:.35rem .8rem;font-size:.78rem}.navbar{padding:1rem 5%}.nav-links{display:none}.hero-title{font-size:2.3rem}.hero-stats{flex-direction:column;gap:1.5rem;width:100%;max-width:320px;padding:1.5rem 2rem}.stat-item:not(:last-child):after{display:none}.tabs-section{margin:1.5rem 0;padding:0 1rem}.tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;width:max-content;max-width:100%;margin:0 auto;padding:.3rem;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{flex:none;padding:.6rem 1.2rem;font-size:.85rem}.showcase-card{border-radius:24px;gap:2.5rem;padding:2rem 1.5rem}.app-showcase-title{font-size:1.8rem}.action-buttons{flex-direction:column;gap:1rem;width:100%}.btn-download,.btn-github{justify-content:center;width:100%;padding:.8rem 1.5rem}.crypto-card{text-align:center;flex-direction:column;padding:2rem}.crypto-icon-wrapper{order:-1}.footer-links{flex-direction:column;gap:1rem}}@media (width<=480px){.hero-badges-container{gap:.4rem;margin-bottom:1rem}.hero-badge{padding:.3rem .7rem;font-size:.72rem}.hero-title{letter-spacing:-1px;font-size:1.85rem}.hero-desc{margin-bottom:2rem;font-size:1rem}.showcase-section{padding:1rem 3% 3rem}.showcase-card{border-radius:16px;gap:1.75rem;padding:1.25rem 1rem}.app-meta{gap:.75rem;margin-bottom:1rem}.app-showcase-logo{border-radius:10px;width:48px;height:48px}.app-showcase-title{font-size:1.45rem}.app-slogan{margin-bottom:.75rem;font-size:.95rem}.app-tags{gap:.35rem;margin-bottom:1.5rem}.tag-item{padding:.2rem .5rem;font-size:.75rem}.features-list{gap:.9rem;margin-bottom:1.75rem}.feature-item{gap:.75rem}.feature-icon-wrapper{padding:.5rem}.feature-title{font-size:.92rem}.feature-desc{font-size:.82rem}.main-screenshot-container.portrait-mode{border-width:8px;max-width:220px;max-height:460px}.thumbnail-wrapper{flex:0 0 70px}.thumbnail-wrapper.portrait-mode{flex:0 0 38px}.thumbnails-scroll.portrait-mode{max-width:220px}.matrix-title{margin-bottom:1.5rem;font-size:1.6rem}.crypto-title{font-size:1.5rem}.crypto-card{padding:1.5rem 1rem}}.guide-section{flex-direction:column;align-items:center;padding:5rem 5%;display:flex;position:relative}.guide-title{text-align:center;background:linear-gradient(135deg, var(--text-primary) 30%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.guide-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:3.5rem;font-size:1.05rem}.guide-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1200px;display:grid}.guide-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;padding:2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.guide-card:hover{box-shadow:0 10px 30px #3b82f626, var(--shadow-glow);border-color:#3b82f666;transform:translateY(-5px)}.guide-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.guide-app-logo{border-radius:10px;width:44px;height:44px;box-shadow:0 0 10px #3b82f633}.guide-app-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.guide-app-badge{color:#60a5fa;background:#2563eb1a;border-radius:6px;margin-top:.2rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.guide-steps{flex-direction:column;flex:1;gap:1.5rem;display:flex}.guide-step{align-items:flex-start;gap:1rem;transition:transform .2s;display:flex}.guide-step:hover{transform:translate(3px)}.step-number{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 3px 8px #3b82f64d}.step-content{flex-direction:column;display:flex}.step-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.step-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}@media (width<=1024px){.guide-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px}}@media (width<=768px){.guide-section{padding:3rem 5%}.guide-title{font-size:1.8rem}.guide-subtitle{margin-bottom:2.5rem}}@media (width<=480px){.guide-section{padding:2.5rem 3%}.guide-title{font-size:1.5rem}.guide-card{border-radius:16px;padding:1.5rem}.guide-card-header{margin-bottom:1.5rem}}.action-guide-link{justify-content:flex-start;margin-top:1rem;display:flex}.btn-guide-redirect{color:#60a5fa;cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-guide-redirect:hover{color:#fff;background:#3b82f61a;transform:translate(3px)}.btn-back{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back:hover{border-color:var(--text-secondary);background:#ffffff1a}.instructions-hero{text-align:center;flex-direction:column;align-items:center;padding:4rem 5% 2rem;display:flex}.inst-badge{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:9999px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.inst-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--text-primary) 30%, #60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800}.inst-desc{color:var(--text-secondary);max-width:680px;font-size:1.1rem;line-height:1.5}.instructions-body{justify-content:center;padding:2rem 5% 4rem;display:flex}.inst-layout{flex-direction:column;gap:3rem;width:100%;max-width:900px;display:flex}.inst-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;padding:3rem;transition:border-color .3s;position:relative}.inst-card:hover{border-color:#3b82f633}.inst-card-num{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;display:flex;position:absolute;top:-20px;left:30px;box-shadow:0 5px 15px #3b82f64d}.inst-card-title{color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.inst-card-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.5}.inst-steps-list{flex-direction:column;gap:1.5rem;display:flex}.inst-step-item{align-items:flex-start;gap:1.25rem;display:flex}.inst-step-item .bullet{border:1px solid var(--border-color);color:#60a5fa;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.inst-step-text strong{color:var(--text-primary);margin-bottom:.25rem;font-size:1.05rem;display:block}.inst-step-text p{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.os-guides-container{flex-direction:column;gap:2.5rem;display:flex}.os-guide-block{background:#ffffff03;border:1px solid #ffffff0a;border-radius:16px;padding:1.75rem}.os-badge{text-transform:uppercase;border-radius:6px;margin-bottom:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.os-badge.win{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.os-badge.mac{color:#e5e7eb;background:#f3f4f61a;border:1px solid #f3f4f633}.os-badge.lin{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.os-badge.and{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.os-alert-box{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.9rem;line-height:1.4;display:flex}.os-alert-box .alert-icon{flex-shrink:0}.os-steps-ol{flex-direction:column;gap:.75rem;padding-left:1.25rem;display:flex}.os-steps-ol li{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.os-steps-ol li::marker{color:#60a5fa;font-weight:700}.app-usage-guide{flex-direction:column;gap:2rem;display:flex}.usage-heading{color:var(--text-primary);border-left:3px solid var(--accent-purple);margin-bottom:.5rem;padding-left:.75rem;font-size:1.15rem;font-weight:700}.usage-p{color:var(--text-secondary);margin-left:1rem;font-size:.95rem;line-height:1.5}@media (width<=768px){.inst-title{font-size:2.2rem}.inst-card{padding:2.25rem 1.5rem}.inst-card-num{left:20px}.inst-card-title{margin-top:.5rem;font-size:1.5rem}.os-guide-block{padding:1.25rem 1rem}.action-guide-link{justify-content:center}}@media (width<=480px){.inst-title{font-size:1.75rem}.inst-desc{font-size:.95rem}.inst-card-title{font-size:1.3rem}.os-alert-box{padding:.75rem;font-size:.82rem}}.guide-inner-list{flex-direction:column;gap:.35rem;margin:.5rem 0 .5rem 1.25rem;padding-left:0;list-style-type:disc;display:flex}.guide-inner-list li{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.guide-inner-list li::marker{color:#60a5fa}.guide-inner-list code{border:1px solid var(--border-color);color:#60a5fa;font-family:var(--mono);background:#ffffff0d;border-radius:4px;padding:.15rem .35rem;font-size:.82rem}.note-text{color:#f87171;margin-top:.5rem;font-size:.85rem}.credentials-guide-box{background:#3b82f60a;border:1px solid #3b82f626;border-radius:12px;margin:1rem 0 1.5rem 1rem;padding:1.25rem}.credentials-guide-box strong{color:#60a5fa}.credentials-steps-ol{flex-direction:column;gap:.5rem;margin:.5rem 0 0 1.25rem;padding-left:0;display:flex}.credentials-steps-ol li{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.credentials-steps-ol li::marker{color:#60a5fa;font-weight:700}.sub-credentials-section .sub-credentials-title strong{color:var(--text-primary);font-size:.92rem}.credentials-steps-ol code{border:1px solid var(--border-color);color:#60a5fa;font-family:var(--mono);background:#ffffff0d;border-radius:4px;padding:.1rem .25rem;font-size:.8rem}.nav-link-btn{font:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0}.scroll-to-top-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:1000;background:#3b82f640;border:1px solid #3b82f659;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #3b82f633}.scroll-to-top-btn:hover{background:var(--accent-purple);border-color:#3b82f680;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 20px #3b82f680}@media (width<=768px){.scroll-to-top-btn{background:#3b82f666;bottom:25px;right:20px}}.app-stats-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.stats-loader{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.spinner-mini{border:2px solid #ffffff1a;border-top-color:var(--accent-purple);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stat-badge{-webkit-backdrop-filter:blur(8px);cursor:default;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.stat-badge:hover{transform:translateY(-1px)}.stat-badge.stars{color:#facc15;background:#eab30814;border-color:#eab30833}.stat-badge.stars:hover{background:#eab30826;border-color:#eab30859;box-shadow:0 0 10px #eab30826}.stat-badge.downloads{color:#60a5fa;background:#3b82f614;border-color:#3b82f633}.stat-badge.downloads:hover{background:#3b82f626;border-color:#3b82f659;box-shadow:0 0 10px #3b82f626}.stat-badge.version{color:#60a5fa;background:#2563eb14;border-color:#2563eb33}.stat-badge.version:hover{background:#2563eb26;border-color:#2563eb59;box-shadow:0 0 10px #2563eb33}.stat-badge.date{color:#34d399;background:#10b98114;border-color:#10b98133}.stat-badge.date:hover{background:#10b98126;border-color:#10b98159;box-shadow:0 0 10px #10b98126}.stat-icon-date{color:#34d399}.stat-icon-star{color:#facc15;fill:#eab30833}.stat-icon-dl{color:#60a5fa}.version-dot{background-color:#3b82f6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #3b82f6}.action-buttons-wrapper{margin-bottom:1.5rem}.download-dropdown-container{display:inline-block;position:relative}.chevron-dl-icon{margin-left:.25rem;transition:transform .2s}.chevron-dl-icon.rotate{transform:rotate(180deg)}.btn-download.active{border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 20px #3b82f680}.download-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:50;background:#0f101af2;border:1px solid #3b82f640;border-top:none;border-radius:0 0 16px 16px;width:320px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 15px 30px #00000080,0 0 15px #3b82f61a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem;font-size:.78rem}.dropdown-scroll-container{max-height:240px;overflow-y:auto}.dropdown-scroll-container::-webkit-scrollbar{width:6px}.dropdown-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.dropdown-scroll-container::-webkit-scrollbar-thumb:hover{background:#fff3}.dropdown-item{color:var(--text-primary);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1rem;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#3b82f61a}.item-file-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;padding-right:.75rem;display:flex}.item-file-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.85rem;font-weight:500;overflow:hidden}.dropdown-item:hover .item-file-name{color:#60a5fa}.item-file-meta{color:var(--text-secondary);font-size:.75rem}.item-dl-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .2s}.dropdown-item:hover .item-dl-icon{color:#60a5fa;transform:translateY(1px)}.dropdown-footer{text-align:center;background:#0003;border-top:1px solid #ffffff0d;padding:.75rem 1rem}.dropdown-footer-link{color:#60a5fa;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s}.dropdown-footer-link:hover{color:#93c5fd}@media (width<=768px){.download-dropdown-container{width:100%}.download-dropdown-menu{border-top:1px solid #3b82f640;border-radius:12px;width:100%;margin-top:.25rem;position:relative}}.showcase-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0px) var(--mouse-y,0px), #3b82f614, transparent 40%);z-index:1;pointer-events:none;border-radius:inherit;transition:opacity .5s;position:absolute;inset:0}.showcase-card>*{z-index:2;position:relative}.faq-section{background:linear-gradient(#0000 0%,#3b82f605 100%);flex-direction:column;align-items:center;padding:6rem 5% 4rem;display:flex}.faq-title{text-align:center;background:linear-gradient(135deg,#fff 30%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.faq-container{flex-direction:column;gap:1rem;width:100%;max-width:850px;display:flex}.faq-item-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item-card:hover{background:#3b82f603;border-color:#3b82f64d}.faq-item-card.open{background:#0f101acc;border-color:#3b82f666;box-shadow:0 4px 20px #3b82f60d}.faq-question-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.faq-q-icon{color:#3b82f6;flex-shrink:0}.faq-question-text{color:var(--text-primary);flex:1;font-size:1.05rem;font-weight:600}.faq-arrow-icon{color:var(--text-muted);flex-shrink:0;transition:transform .3s,color .3s}.faq-item-card:hover .faq-arrow-icon{color:var(--text-primary)}.faq-arrow-icon.rotate-up{color:#3b82f6;transform:rotate(180deg)}.faq-answer-pane{max-height:0;padding:0 1.5rem;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.faq-answer-pane.open{max-height:200px;padding:0 1.5rem 1.5rem 3.25rem}.faq-answer-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (width<=480px){.faq-title{margin-bottom:2rem;font-size:1.7rem}.faq-question-text{font-size:.95rem}.faq-answer-pane.open{padding:0 1rem 1.25rem 2.5rem}.faq-answer-text{font-size:.88rem}}.router-section{background:linear-gradient(#0000 0%,#0ea5e905 100%);flex-direction:column;align-items:center;padding:4rem 5%;display:flex;position:relative}.router-grid.compact{width:100%;max-width:1000px}.router-card.compact-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);background:#11121e73;border-radius:20px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.router-card.compact-card:hover{border-color:#0ea5e94d;transform:translateY(-1px);box-shadow:0 10px 30px -10px #0ea5e91a}@media (width<=968px){.router-compact-body{text-align:center;flex-direction:column;align-items:center;gap:2.5rem}.router-compact-info{align-items:center}.router-compact-header-row{justify-content:center}.router-compact-desc{text-align:center}.router-compact-previews{flex-direction:column;justify-content:center;align-items:center;min-width:100%;height:auto;padding-bottom:1rem;display:flex}.preview-desktop-wrapper{width:90%;max-width:450px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 15px 35px #00000080}.preview-desktop-wrapper:hover{transform:translateY(-3px)}.preview-mobile-wrapper{width:28%;min-width:80px;max-width:110px;bottom:-10px;right:0}}@media (width<=480px){.router-card.compact-card{padding:1.75rem 1.25rem}.router-compact-header-row{text-align:center;flex-direction:column;align-items:center}}.router-card-badge{letter-spacing:.5px;text-transform:uppercase;color:#60a5fa;z-index:10;background:#2563eb1f;border:1px solid #2563eb40;border-radius:9999px;padding:.3rem .75rem;font-size:.72rem;font-weight:700;position:absolute;top:1.25rem;right:1.25rem}.router-compact-body{align-items:center;gap:3rem;display:flex}.router-compact-header-row{align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.router-compact-logo{border-radius:14px;flex-shrink:0;width:56px;height:56px;box-shadow:0 0 20px #0ea5e94d}.router-compact-info{flex-direction:column;flex:1.3;gap:.5rem;display:flex}.router-compact-tag{text-transform:uppercase;color:#60a5fa;letter-spacing:1px;font-size:.75rem;font-weight:700}.router-compact-title{color:var(--text-primary);margin-top:.15rem;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800}.router-compact-desc{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;line-height:1.55}.router-compact-actions{margin-top:.5rem}.router-compact-previews{flex:.95 0;justify-content:center;align-items:center;min-width:480px;height:300px;display:flex;position:relative}.preview-desktop-wrapper{aspect-ratio:16/10;border:1px solid #ffffff14;border-radius:12px;width:380px;transition:transform .3s;position:absolute;top:15px;left:10px;overflow:hidden;box-shadow:0 20px 45px #0009}.preview-desktop-wrapper:hover{transform:translateY(-3px)scale(1.01)}.preview-desktop{object-fit:cover;width:100%;height:100%}.preview-mobile-wrapper{aspect-ratio:9/19;z-index:2;border:2px solid #ffffff1f;border-radius:14px;width:130px;transition:transform .3s;position:absolute;bottom:15px;right:25px;overflow:hidden;box-shadow:0 20px 40px #000000b3}.preview-mobile-wrapper:hover{transform:translateY(-3px)scale(1.05)}.preview-mobile{object-fit:cover;width:100%;height:100%}@media (width<=968px){.router-compact-body{text-align:center;flex-direction:column;align-items:center;gap:2.5rem}.router-compact-info{align-items:center}.router-compact-header-row{justify-content:center}.router-compact-desc{text-align:center}.router-compact-previews{flex-direction:column;justify-content:center;align-items:center;min-width:100%;height:auto;padding-bottom:1rem;display:flex}.preview-desktop-wrapper{width:90%;max-width:450px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 15px 35px #00000080}.preview-desktop-wrapper:hover{transform:translateY(-3px)}.preview-mobile-wrapper{width:28%;min-width:80px;max-width:110px;bottom:-10px;right:0}}@media (width<=480px){.router-card.compact-card{padding:1.75rem 1.25rem}.router-compact-header-row{text-align:center;flex-direction:column;align-items:center}.router-compact-desc{text-align:center}.router-compact-actions{justify-content:center;width:100%;display:flex}.router-compact-actions .btn-download{justify-content:center;width:100%}.preview-desktop-wrapper{width:95%}.preview-mobile-wrapper{width:30%;min-width:70px;max-width:100px;right:-5%}}img{content-visibility:auto}.screenshot-image{will-change:opacity, transform;transform:translateZ(0)}.thumbnail-img,.showcase-card{will-change:transform}.image-lightbox-modal{-webkit-backdrop-filter:blur(24px);-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;z-index:999999!important;width:100vw!important;height:100vh!important;padding:env(safe-area-inset-top,16px) 16px calc(env(safe-area-inset-bottom,16px) + 12px) 16px!important;box-sizing:border-box!important;background:#04050bf2!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.lightbox-top-bar{z-index:1000005;justify-content:flex-end;align-items:center;width:100%;max-width:1200px;height:48px;display:flex}.lightbox-close-btn{color:#fff!important;cursor:pointer!important;background:#ffffff1f!important;border:1px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 15px #0009!important}.lightbox-close-btn:hover{background:#ef4444d9!important;border-color:#ef4444!important;transform:scale(1.08)!important}.lightbox-center-container{box-sizing:border-box;flex:1;width:100%;max-width:1200px;min-height:0;padding:0 52px;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important}.lightbox-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;display:flex}.lightbox-image{object-fit:contain;border:1px solid #ffffff26;border-radius:14px;max-width:100%;max-height:calc(100vh - 160px);animation:.2s cubic-bezier(.16,1,.3,1) forwards lightboxZoomIn;box-shadow:0 20px 50px #000000d9,0 0 30px #3b82f64d}.lightbox-nav-btn{-webkit-backdrop-filter:blur(12px);color:#fff!important;cursor:pointer!important;z-index:1000003!important;background:#11121ed9!important;border:1px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 4px 15px #0009!important}.lightbox-nav-btn.prev{left:4px!important}.lightbox-nav-btn.next{right:4px!important}.lightbox-nav-btn:hover{background:#2563ebe6!important;border-color:#60a5facc!important;transform:translateY(-50%)scale(1.08)!important;box-shadow:0 0 20px #3b82f680!important}.lightbox-footer-info{max-width:90vw;margin-top:8px;-webkit-backdrop-filter:blur(16px)!important;z-index:1000004!important;background:#11121ed9!important;border:1px solid #ffffff26!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;gap:.75rem!important;padding:.4rem 1.1rem!important;display:flex!important;box-shadow:0 4px 20px #00000080!important}.lightbox-counter{color:#60a5fa;white-space:nowrap;background:#3b82f640;border:1px solid #3b82f666;border-radius:9999px;padding:.2rem .65rem;font-size:.8rem;font-weight:700}.lightbox-caption{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}@media (width<=768px){.lightbox-center-container{padding:0 42px}.lightbox-nav-btn{width:38px!important;height:38px!important}.lightbox-nav-btn.prev{left:0!important}.lightbox-nav-btn.next{right:0!important}.lightbox-image{max-height:calc(100vh - 170px)}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}