:root{--primary-color: #5b8cff;--accent-color: #8b5cf6;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--border-color: #e5e7eb;--sidebar-width: 260px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:math,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background:#fafafa;line-height:1.6;position:relative;min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(80px);opacity:.9;z-index:-1;pointer-events:none;will-change:transform}body:before{width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.5) 0%,rgba(139,92,246,.3) 50%,transparent 70%);top:0;left:0;animation:float1 30s ease-in-out infinite}body:after{width:400px;height:400px;background:radial-gradient(circle,rgba(251,146,251,.4) 0%,rgba(244,114,182,.3) 50%,transparent 70%);bottom:0;right:0;animation:float2 35s ease-in-out infinite}@keyframes float1{0%{transform:translate(0) scale(1)}25%{transform:translate(80vw,20vh) scale(1.1)}50%{transform:translate(60vw,70vh) scale(.95)}75%{transform:translate(20vw,40vh) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes float2{0%{transform:translate(0) scale(1)}25%{transform:translate(-70vw,-30vh) scale(1.15)}50%{transform:translate(-40vw,-60vh) scale(.9)}75%{transform:translate(-80vw,-20vh) scale(1.08)}to{transform:translate(0) scale(1)}}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-color)}button{border:none;background:none;cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.ai-nav-page{display:flex;min-height:100vh;position:relative}.ai-nav-page:before,.ai-nav-page:after{content:"";position:fixed;border-radius:50%;filter:blur(90px);opacity:.9;z-index:-1;pointer-events:none;will-change:transform}.ai-nav-page:before{width:450px;height:450px;background:radial-gradient(circle,rgba(96,165,250,.5) 0%,rgba(59,130,246,.3) 50%,transparent 70%);top:50%;left:50%;animation:float3 40s ease-in-out infinite}.ai-nav-page:after{width:350px;height:350px;background:radial-gradient(circle,rgba(134,239,172,.4) 0%,rgba(74,222,128,.3) 50%,transparent 70%);top:0;left:0;animation:float4 38s ease-in-out infinite}@keyframes float3{0%{transform:translate(-50%,-50%) scale(1)}20%{transform:translate(-80vw,-20vh) scale(.9)}40%{transform:translate(-30vw,30vh) scale(1.1)}60%{transform:translate(20vw,-40vh) scale(.95)}80%{transform:translate(-60vw,10vh) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes float4{0%{transform:translate(0) scale(1)}25%{transform:translate(70vw,50vh) scale(1.2)}50%{transform:translate(30vw,20vh) scale(.85)}75%{transform:translate(85vw,65vh) scale(1.1)}to{transform:translate(0) scale(1)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:#ffffffd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid rgba(229,231,235,.6);box-shadow:0 4px 20px #1f26870d;overflow-y:auto;z-index:1000;transition:transform var(--transition-normal);display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-header{border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;height:64px;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:.8rem}.sidebar-logo img{width:50px;height:50px;border-radius:8px}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.sidebar-logo-subtitle{font-size:.75rem;color:var(--text-muted)}.sidebar-toggle{display:none;padding:.5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast);color:var(--text-secondary)}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-search{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.sidebar-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-fast)}.sidebar-search-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary)}.sidebar-search-input::placeholder{color:var(--text-muted)}.sidebar-nav{padding:.5rem;flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;transition:all var(--transition-fast);margin-bottom:.25rem}.sidebar-nav-item:hover{background:var(--bg-tertiary);color:var(--primary-color);transform:translate(4px)}.sidebar-nav-item.active{background:#5b8cff1a;color:var(--primary-color);font-weight:600}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;background-image:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.sidebar-nav-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-count{font-size:.6875rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:999px;flex-shrink:0;font-weight:600}.main-wrapper{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.top-header{position:sticky;top:0;height:var(--header-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,235,.6);box-shadow:0 2px 8px #1f268708;z-index:100}.top-header-inner{height:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.top-header-left{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;padding:.5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.mobile-menu-btn:hover{background:var(--bg-tertiary)}.top-header-title{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.top-nav{display:flex;align-items:center;gap:.5rem}.top-nav-link{padding:.5rem 1rem;border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--transition-fast)}.top-nav-link:hover{background:var(--bg-tertiary);color:var(--primary-color)}.top-nav-link.active{background:#5b8cff1a;color:var(--primary-color);font-weight:600}.content-area{flex:1;padding:2rem;max-width:1900px;margin:0 auto;width:100%;position:relative}.content-area:before{content:"";position:fixed;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(252,165,165,.4) 0%,rgba(248,113,113,.3) 50%,transparent 70%);filter:blur(85px);opacity:.9;bottom:0;right:0;z-index:-1;pointer-events:none;animation:float5 42s ease-in-out infinite;will-change:transform}@keyframes float5{0%{transform:translate(0) scale(1)}20%{transform:translate(-90vw,-80vh) scale(1.1)}40%{transform:translate(-50vw,-30vh) scale(.9)}60%{transform:translate(-70vw,-60vh) scale(1.05)}80%{transform:translate(-40vw,-50vh) scale(.95)}to{transform:translate(0) scale(1)}}.hero-section{text-align:center}.hero-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:.8rem}.search-box-wrapper{max-width:700px;margin:0 auto 1rem}.search-box{display:flex;align-items:center;gap:.75rem;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(229,231,235,.7);border-radius:999px;padding:.75rem 1.25rem;box-shadow:0 4px 12px #1f26870f;transition:all var(--transition-fast)}.search-box:focus-within{border-color:#5b8cff66;box-shadow:0 6px 20px #5b8cff1f;background:#fffffff5}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-btn{padding:.625rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-fast);white-space:nowrap}.search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.search-btn:active{transform:translateY(0)}.quick-tags{display:none;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.quick-tag{padding:.5rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;font-size:.875rem;color:var(--text-secondary);transition:all var(--transition-fast)}.quick-tag:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.section{margin-bottom:3rem}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1rem;gap:1rem}.section-header-left{flex:1}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;display:inline-block}.section-subtitle{font-size:.9375rem;color:var(--text-muted)}.section-link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#fbc2eb,#a6c1ee);color:#1f2937;font-weight:600;font-size:.9375rem;white-space:nowrap;border-radius:999px;transition:all var(--transition-fast);box-shadow:0 2px 8px #00000014}.section-link:hover{transform:translate(4px) translateY(-2px);box-shadow:0 4px 12px #00000026;color:#1f2937}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.tool-card{position:relative;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(229,231,235,.7);border-radius:var(--radius-lg);padding:1rem;transition:all var(--transition-normal);cursor:pointer;box-shadow:0 2px 8px #1f26870a}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1f268714;border-color:#5b8cff4d;background:#fffffff5}.tool-card-link{display:flex;flex-direction:column;height:100%}.tool-card-header{display:flex;align-items:center;gap:.875rem;margin-bottom:.5rem}.tool-card-logo{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);flex-shrink:0}.tool-card-logo img{width:100%;height:100%;object-fit:cover}.tool-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.tool-card-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;flex-shrink:0}.tool-card-badge-free{background:#d1fae5;color:#065f46}.tool-card-badge-freemium{background:#dbeafe;color:#1e40af}.tool-card-badge-paid{background:#fce7f3;color:#9f1239}.tool-card-body{flex:1}.tool-card-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative}.footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 8rem;margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.5;pointer-events:none}.footer-container{margin:0 auto;position:relative;z-index:1}.footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;margin-bottom:.2rem}.footer-brand{max-width:450px}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.footer-logo img{width:48px;height:48px;border-radius:12px;box-shadow:0 4px 12px #00000026}.footer-logo-text{display:flex;flex-direction:column}.footer-logo-title{font-size:1.5rem;font-weight:700;color:#fff;line-height:1.2}.footer-logo-subtitle{font-size:.875rem;color:#ffffffb3;font-weight:400}.footer-desc{color:#ffffffd9;font-size:.9375rem;line-height:1.7;margin-bottom:1rem}.footer-social{display:flex;gap:.75rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:10px;color:#fff;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-social-link:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 4px 12px #0003}.footer-links-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-links-col{display:flex;flex-direction:column;gap:.5rem}.footer-links-col h3{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:.02em}.footer-links-col a{color:#fffc;font-size:.9375rem;transition:all var(--transition-fast);display:inline-block}.footer-links-col a:hover{color:#fff;transform:translate(4px)}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin-bottom:2rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-copyright{color:#ffffffb3;font-size:.875rem;margin:0}.footer-bottom-links{display:flex;gap:1.5rem}.footer-bottom-links a{color:#ffffffb3;font-size:.875rem;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:#fff}@media (max-width: 1024px){:root{--sidebar-width: 220px}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.footer-main{grid-template-columns:1fr;gap:3rem}.footer-links-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.active{transform:translate(0);box-shadow:var(--shadow-xl)}.sidebar:before{content:"";position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--transition-normal);z-index:-1}.sidebar.active:before{opacity:1;pointer-events:auto}.main-wrapper{margin-left:0}.mobile-menu-btn,.sidebar-toggle{display:block}.top-header-inner{padding:0 1rem;justify-content:space-between}.top-nav{gap:.25rem}.top-nav-link{padding:.5rem .75rem;font-size:.875rem}.content-area{padding:1.5rem 1rem}.hero-section{padding:2rem 0;margin-bottom:2rem}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:1rem}.search-box{padding:.625rem 1rem}.search-btn{padding:.625rem 1rem;font-size:.875rem;width:100%}.section{margin-bottom:2rem}.section-title{font-size:1.25rem}.section-subtitle{font-size:.875rem}.tools-grid{grid-template-columns:1fr;gap:1rem}.footer{padding:3rem 1.5rem 1.5rem}.footer-main{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem}.footer-brand{max-width:100%}.footer-links-wrapper{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 480px){.hero-title{font-size:1.5rem}.quick-tags{gap:.5rem}.quick-tag{padding:.375rem .75rem;font-size:.8125rem}.section-header{flex-direction:column;align-items:flex-start}.section-link{margin-top:.5rem}.top-header-title{display:none}.footer{padding:2.5rem 1rem 1.5rem}.footer-main{gap:2rem;margin-bottom:2rem}.footer-links-wrapper{gap:1.5rem}.footer-logo-title{font-size:1.25rem}.footer-social{gap:.5rem}.footer-social-link{width:36px;height:36px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-card{animation:fadeIn .5s ease}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.hidden{display:none!important}.page-header{text-align:center;padding:2rem 0 3rem}.page-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{font-size:1.125rem;color:var(--text-secondary)}@media (max-width: 768px){.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}}.search-page-header{margin-bottom:2rem}.search-result-count{margin-top:1rem;color:var(--text-secondary);font-size:.9375rem;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center;color:var(--text-muted)}.empty-state svg{margin-bottom:1.5rem;opacity:.5}.empty-state h3{font-size:1.5rem;color:var(--text-secondary);margin-bottom:.5rem}.empty-state p{font-size:1rem;color:var(--text-muted)}.tool-detail{margin-bottom:3rem}.tool-detail-header{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.tool-detail-logo{flex-shrink:0}.tool-detail-logo img{width:120px;height:120px;border-radius:var(--radius-lg);border:1px solid var(--border-color);object-fit:cover}.tool-detail-info{flex:1}.tool-detail-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.tool-detail-title{font-size:2rem;font-weight:800;color:var(--text-primary)}.tool-detail-badge{padding:.375rem 1rem;border-radius:999px;font-size:.875rem;font-weight:600}.tool-detail-badge-free{background:#d1fae5;color:#065f46}.tool-detail-badge-freemium{background:#dbeafe;color:#1e40af}.tool-detail-badge-paid{background:#fce7f3;color:#9f1239}.tool-detail-desc{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.tool-detail-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tool-detail-tag{padding:.375rem .875rem;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:999px;font-size:.875rem}.tool-detail-actions{display:flex;gap:1rem}.tool-detail-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-fast)}.tool-detail-btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.tool-detail-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tool-detail-image{margin-bottom:2rem;border-radius:var(--radius-lg);overflow:hidden}.tool-detail-image img{width:100%;height:auto;display:block}.tool-detail-content{line-height:1.8}.tool-detail-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}.tool-detail-content p{color:var(--text-secondary);margin-bottom:1rem}.related-tools{margin-top:3rem}.related-tools .section-title{margin-bottom:1.5rem}@media (max-width: 768px){.tool-detail{padding:1.5rem}.tool-detail-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.tool-detail-logo img{width:96px;height:96px}.tool-detail-title{font-size:1.5rem}.tool-detail-title-row{flex-direction:column;align-items:center}.tool-detail-desc{font-size:1rem}.tool-detail-meta{justify-content:center}.tool-detail-actions{flex-direction:column}.tool-detail-btn{width:100%;justify-content:center}.tool-detail-content h2{font-size:1.25rem}}.about-page{margin:0 auto}.about-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem}.about-section{margin-bottom:2.5rem}.about-section:last-child{margin-bottom:0}.about-section h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.about-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}.about-section ul{list-style:none;padding:0}.about-section li{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.about-section li:before{content:"•";color:var(--primary-color);font-size:1.5rem;position:absolute;left:0;top:-.25rem}.about-section strong{color:var(--text-primary);font-weight:600}@media (max-width: 768px){.about-content{padding:1.5rem}.about-section{margin-bottom:2rem}.about-section h2{font-size:1.25rem}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(113,113,113,.2) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}:is():hover{background:#0000004d}:is():active{background:#0006}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;opacity:0;visibility:hidden;transform:translateY(100px);transition:all .3s ease;z-index:9999}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 6px 20px #6366f180}.back-to-top:active{transform:translateY(-2px)}.back-to-top svg{width:24px;height:24px}@media (max-width: 768px){.back-to-top{width:45px;height:45px;bottom:1.5rem;right:1.5rem}.back-to-top svg{width:20px;height:20px}}