*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#ec4899;--secondary-dark:#db2777;--secondary-light:#f472b6;--accent-color:#10b981;--accent-dark:#059669;--accent-light:#34d399;--purple-color:#a855f7;--orange-color:#f97316;--yellow-color:#eab308;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--primary-gradient:linear-gradient(135deg,#6366f1,#ec4899);--secondary-gradient:linear-gradient(135deg,#ec4899,#a855f7);--ai-gradient:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);--cyber-gradient:linear-gradient(135deg,#6366f1,#10b981);--neon-gradient:linear-gradient(135deg,#f97316,#eab308);--success-gradient:linear-gradient(135deg,#10b981,#34d399);--warning-gradient:linear-gradient(135deg,#f59e0b,#f97316);--colorful-gradient:linear-gradient(135deg,#6366f1,#ec4899 25%,#f97316 50%,#eab308 75%,#10b981);--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-glass:#fffc;--bg-glass-hover:#fffffff2;--text-primary:#1e293b;--text-secondary:#0f172a;--text-light:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0cc;--border-glow:#6366f14d;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-neon:0 4px 14px #3b82f626;--shadow-cyber:0 4px 14px #8b5cf626;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease}body,html{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);background-attachment:fixed;background-image:radial-gradient(circle at 20% 50%,#6366f114 0,#0000 50%),radial-gradient(circle at 80% 80%,#ec489914 0,#0000 50%),radial-gradient(circle at 50% 20%,#a855f70f 0,#0000 50%);color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;position:relative}body:before{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;min-height:100vh}.app,.app-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;position:relative;width:100%;z-index:1}.app-content{flex:1 1;padding-bottom:4rem;padding-top:2rem}.container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,#6366f1,#ec4899)}.mt-1{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-2{margin-top:1rem;margin-top:var(--spacing-md)}.mt-3{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-4{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.p-1{padding:.5rem;padding:var(--spacing-sm)}.p-2{padding:1rem;padding:var(--spacing-md)}.p-3{padding:1.5rem;padding:var(--spacing-lg)}.p-4{padding:2rem;padding:var(--spacing-xl)}.card{background:#fff;background:var(--bg-card);border:2px solid #e2e8f0cc;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .3s ease;transition:all var(--transition-base)}.card:before{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--transition-base)}.card:hover{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 8px 24px #6366f126,0 4px 12px #00000014;transform:translateY(-4px)}.card:hover:before{opacity:1}.btn{border-radius:var(--radius-md);justify-content:center;outline:none;text-decoration:none;transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);box-shadow:0 4px 14px #3b82f626;box-shadow:var(--shadow-neon);overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn-secondary{background:linear-gradient(135deg,#ec4899,#a855f7);background:var(--secondary-gradient);border:1px solid #8b5cf64d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-secondary:hover{border-color:#8b5cf680;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn-outline{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.btn-outline:hover{background:#6366f1;background:var(--primary-color);color:#fff}.input{background:#fff;border:2px solid #e2e8f0cc;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);font-size:1rem;outline:none;padding:.875rem 1rem;transition:all .3s ease;transition:all var(--transition-base);width:100%}.input:focus{background:#fff;border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:#64748b;color:var(--text-light)}.badge{align-items:center;background:#f8fafc;background:var(--bg-secondary);border:1px solid #e2e8f0cc;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#0f172a;color:var(--text-secondary);display:inline-flex;font-size:.875rem}.badge-primary{background:linear-gradient(135deg,#6366f11a,#ec48991a);border-color:#6366f14d;color:#6366f1;color:var(--primary-color)}.badge-success{background:#10b9811a;border-color:#10b9814d;color:#10b981;color:var(--success-color)}.badge-warning{background:#f973161a;border-color:#f973164d;color:#f97316;color:var(--orange-color)}.spinner{border-bottom:4px solid #6366f11a;border-left:4px solid #6366f11a;border-right:4px solid #ec4899;border-right-color:var(--secondary-color);border-top:4px solid #6366f1;display:inline-block;height:40px;width:40px}.error-message{border-left:4px solid #10b981;border-left:4px solid var(--accent-color);color:#10b981;color:var(--accent-color)}.error-message,.success-message{border-radius:var(--radius-md);margin:1rem 0}.success-message{background:#4facfe1a;border-left:4px solid #10b981;border-left:4px solid var(--success-color);color:#10b981;color:var(--success-color)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{color:#0f172a;color:var(--text-secondary);margin-bottom:1rem}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#ec4899);background:var(--primary-gradient);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ec4899,#a855f7);background:var(--secondary-gradient)}::selection{background:#6366f133;color:#0f172a;color:var(--text-secondary)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:480px){.container{padding:0 .75rem}.app-content{padding-bottom:2rem;padding-top:1rem}.btn{font-size:.9rem;min-height:44px;padding:.6rem 1rem}.card{border-radius:8px;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md)}}@media (max-width:768px){.container{padding:0 1rem}.app-content{padding-bottom:2rem;padding-top:1rem}.btn{font-size:.95rem;min-height:44px;padding:.65rem 1.25rem}}@media (min-width:769px) and (max-width:1024px){.container{padding:0 1.25rem}}.fade-in{animation:fadeIn .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .5s ease-out}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-bottom:1px solid #e2e8f0cc;box-shadow:0 2px 12px #0000000f,0 1px 4px #00000008;left:0;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:1000}.navbar:before{display:none}.navbar-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;padding:.25rem 0;text-decoration:none;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.02)}.logo-wrapper{align-items:center;display:flex;gap:.875rem}.logo-icon{flex-shrink:0;height:180px;object-fit:contain;transition:transform .3s ease;width:180px}.logo-content{display:flex;flex-direction:column;gap:.125rem;line-height:1.2}.logo-text{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;text-shadow:none}.logo-slogan{color:var(--text-light);font-size:.7rem;font-style:italic;font-weight:500;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.logo-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.navbar-link,.navbar-menu{align-items:center;display:flex;gap:.5rem}.navbar-link{border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:600;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-link:before{display:none}.navbar-link:hover{background:linear-gradient(135deg,#6366f11a,#ec489914);box-shadow:0 3px 10px #6366f11f;color:var(--primary-color);transform:translateY(-1px)}.navbar-menu .navbar-link:first-child:hover{background:linear-gradient(135deg,#6366f11f,#8b5cf61a);color:#6366f1}.navbar-menu .navbar-link:nth-child(2):hover{background:linear-gradient(135deg,#ec48991f,#db27771a);color:#ec4899}.navbar-menu .navbar-link:nth-child(3):hover{background:linear-gradient(135deg,#a855f71f,#8b5cf61a);color:#a855f7}.navbar-menu .navbar-link:nth-child(4):hover{background:linear-gradient(135deg,#f973161f,#eab3081a);color:#f97316}.navbar-link .nav-icon{transition:transform .3s ease,color .3s ease}.navbar-link:hover .nav-icon{transform:scale(1.1)}.nav-icon{stroke-width:2;height:20px;width:20px}.navbar-link-submit{background:#18cb96;border:none;box-shadow:0 4px 16px #6366f166,0 2px 8px #ec48994d;color:#fff;font-size:.85rem;font-weight:700;overflow:hidden;padding:.65rem 1.25rem;position:relative}.navbar-link-submit:before{background:#18cb96;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-link-submit:hover:before{left:100%}.navbar-link-submit:hover{background:#18cb96;box-shadow:#18cb96;color:#fff;transform:translateY(-3px)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:.5rem;z-index:1001}.hamburger span{background:var(--text-primary);border-radius:3px;height:3px;transition:all .3s ease;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:768px){.navbar-container{height:60px;justify-content:center;padding:0 1rem;position:relative}.navbar-logo{left:50%;position:absolute;transform:translateX(-50%)}.logo-text{font-size:1.25rem}.logo-badge{display:none}.logo-icon{height:40px;object-fit:contain;width:120px}.logo-text{font-size:1.2rem}.logo-slogan{font-size:.65rem}.hamburger{display:flex;position:absolute;right:1rem;z-index:1001}.navbar-menu{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff;border-left:2px solid var(--border-color);box-shadow:-4px 0 20px #00000026,0 0 30px #6366f11a;flex-direction:column;gap:0;height:calc(100vh - 60px);overflow-y:auto;padding:1.5rem 0;position:fixed;right:-100%;top:60px;transition:right .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.navbar-menu.active{right:0}.navbar-link{background:#0000;border-left:4px solid #0000;border-radius:0;color:var(--text-primary);padding:1rem 1.5rem}.navbar-link:hover{background:#6366f11a;border-left-color:var(--primary-color);color:var(--primary-color);transform:translateX(5px)}.navbar-link:before{display:none}.navbar-link-submit{border-radius:8px;justify-content:center;margin:1rem 1.5rem;text-align:center}}@media (max-width:480px){.navbar-container{justify-content:center;padding:0 .75rem;position:relative}.navbar-logo{left:50%;position:absolute;transform:translateX(-50%)}.logo-icon{height:35px;object-fit:contain;width:100px}.logo-text{font-size:1.1rem}.logo-slogan{font-size:.6rem}.hamburger{position:absolute;right:.75rem}.navbar-menu{right:-100%;width:100%}.navbar-menu.active{right:0}}@media (min-width:769px) and (max-width:1024px){.navbar-container{padding:0 1.25rem}.navbar-menu{gap:.25rem}.navbar-link{font-size:.9rem;padding:.65rem 1rem}.logo-badge{font-size:.7rem;padding:.2rem .6rem}}.navbar-auth{gap:.75rem;margin-left:1rem}.auth-buttons,.navbar-auth{align-items:center;display:flex}.auth-buttons{gap:.5rem}.navbar-link-auth{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;padding:.45rem .875rem;text-decoration:none;transition:all .3s ease}.navbar-link-auth.login{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:2px solid #6366f14d;color:var(--primary-color);font-weight:600}.navbar-link-auth.login:hover{background:linear-gradient(135deg,#6366f126,#8b5cf61f);border-color:var(--primary-color);box-shadow:0 4px 12px #6366f133;transform:translateY(-2px)}.navbar-link-auth.register{background:#18cb96;border:2px solid #0000;box-shadow:0 4px 16px #6366f166;color:#fff;font-weight:700}.navbar-link-auth.register:hover{background:#18cb96;box-shadow:0 6px 20px #ec489980;transform:translateY(-2px)}.user-menu-container{position:relative}.user-menu-button{align-items:center;background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border:2px solid var(--border-color);border-radius:50px;box-shadow:0 2px 8px #0000000a;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:.5rem 1rem;transition:all .3s ease}.user-menu-button:hover{background:linear-gradient(135deg,#6366f11a,#ec489914);border-color:var(--primary-color);box-shadow:0 4px 12px #6366f126;color:var(--primary-color);transform:translateY(-2px)}.user-avatar{align-items:center;background:#fff;border-radius:50%;color:#667eea;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{height:16px;transition:transform .3s ease;width:16px}.user-menu-button:hover .dropdown-icon{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlide .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;min-width:240px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:1rem 1.25rem}.user-dropdown-name{color:#111827;font-size:.95rem;font-weight:600;margin:0 0 .25rem}.user-dropdown-email{color:#6b7280;font-size:.8125rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.user-dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1.25rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.user-dropdown-item svg{color:#6b7280;height:18px;width:18px}.user-dropdown-item:hover{background:#f3f4f6;color:#667eea}.user-dropdown-item:hover svg{color:#667eea}.user-dropdown-item.logout{color:#dc2626}.user-dropdown-item.logout:hover{background:#fee2e2;color:#dc2626}.user-dropdown-item.logout svg{color:#dc2626}.mobile-menu-overlay{display:none}@media (max-width:768px){.mobile-menu-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:60px;z-index:998}.navbar-auth{border-top:1px solid var(--border-color);margin-left:0;margin-top:1rem;padding:1rem 1.5rem}.auth-buttons{flex-direction:column;width:100%}.navbar-link-auth{padding:.875rem 1.5rem;text-align:center;width:100%}.user-menu-button{justify-content:center;width:100%}.user-dropdown{background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.5rem;position:static}.user-dropdown-header{background:#0000}.user-dropdown-email,.user-dropdown-name{color:var(--text-primary)}.user-dropdown-divider{background:var(--border-color)}.user-dropdown-item{color:var(--text-primary)}.user-dropdown-item svg{color:var(--text-light)}.user-dropdown-item:hover{background:#6366f11a}.user-dropdown-item:hover,.user-dropdown-item:hover svg{color:var(--primary-color)}.user-dropdown-item.logout{color:var(--error-color)}.user-dropdown-item.logout:hover{background:#ef44441a;color:var(--error-color)}}.footer{background:linear-gradient(135deg,#f8fafcfa,#fff 50%,#f1f5f9fa);background-image:radial-gradient(circle at 20% 20%,#6366f11a 0,#0000 40%),radial-gradient(circle at 80% 80%,#ec48991a 0,#0000 40%),radial-gradient(circle at 50% 50%,#a855f70f 0,#0000 50%);border-image:linear-gradient(90deg,#6366f1,#ec4899 25%,#a855f7 50%,#f97316 75%,#eab308) 1;border-top:3px solid #0000;color:var(--text-primary);margin-top:5rem;padding:3rem 0 0;position:relative}.footer:before{background:linear-gradient(90deg,#6366f1,#ec4899 20%,#a855f7 40%,#f97316 60%,#eab308 80%,#10b981);content:"";height:5px;left:0;opacity:1;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem}.footer-top{grid-gap:2.5rem;border-bottom:2px solid var(--border-color);display:grid;gap:2.5rem;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;padding-bottom:2.5rem;position:relative}.footer-top:after{background:linear-gradient(90deg,#0000,#6366f14d 25%,#ec48994d 50%,#a855f74d 75%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.footer-brand{max-width:350px}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem;text-decoration:none;transition:opacity .3s ease}.footer-logo:hover{opacity:.8}.footer-logo-icon{filter:drop-shadow(0 4px 12px rgba(99,102,241,.2));flex-shrink:0;height:100px;object-fit:contain;transition:filter .3s ease;width:100px}.footer-logo-text{display:flex;flex-direction:column;gap:.125rem;line-height:1.2}.footer-logo-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(99,102,241,.2));font-size:1.5rem;font-weight:900;letter-spacing:-.02em}.footer-logo-tagline{color:var(--primary-color);font-size:.7rem;font-style:italic;font-weight:500;letter-spacing:.05em;opacity:.9;text-transform:uppercase}.footer-description{color:var(--text-light);font-size:.8125rem;line-height:1.5;margin-bottom:1rem}.footer-social{display:flex;flex-wrap:wrap;gap:.75rem}.footer-social a{align-items:center;background:linear-gradient(135deg,#6366f11a,#8b5cf614);border:2px solid #6366f133;border-radius:12px;color:var(--primary-color);display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.footer-social a:before{background:radial-gradient(circle,#ffffff4d,#0000);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.footer-social a:hover:before{height:100%;width:100%}.footer-social a:first-child:hover{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:#6366f1;box-shadow:0 6px 20px #6366f166;color:#fff;transform:translateY(-4px) scale(1.1)}.footer-social a:nth-child(2):hover{background:linear-gradient(135deg,#ec4899,#f472b6);border-color:#ec4899;box-shadow:0 6px 20px #ec489966;color:#fff;transform:translateY(-4px) scale(1.1)}.footer-social a:nth-child(3):hover{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-color:#0ea5e9;box-shadow:0 6px 20px #0ea5e966;color:#fff;transform:translateY(-4px) scale(1.1)}.footer-social a:nth-child(4):hover{background:linear-gradient(135deg,#0077b5,#0a66c2);border-color:#0077b5;box-shadow:0 6px 20px #0077b566;color:#fff;transform:translateY(-4px) scale(1.1)}.footer-social svg{height:16px;width:16px}.footer-column{display:flex;flex-direction:column}.footer-heading{font-size:.875rem;font-weight:700;letter-spacing:1px;margin-bottom:1.25rem;padding-bottom:.75rem;position:relative;text-transform:uppercase}.footer-column:nth-child(2) .footer-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#818cf8);-webkit-background-clip:text;background-clip:text;color:#6366f1}.footer-column:nth-child(2) .footer-heading:after{background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-column:nth-child(3) .footer-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;background-clip:text;color:#ec4899}.footer-column:nth-child(3) .footer-heading:after{background:linear-gradient(90deg,#ec4899,#f472b6);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-column:nth-child(4) .footer-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text;color:#a855f7}.footer-column:nth-child(4) .footer-heading:after{background:linear-gradient(90deg,#a855f7,#c084fc);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.footer-brand .footer-heading{color:var(--text-secondary)}.footer-brand .footer-heading:after{display:none}.footer-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-links a{align-items:center;color:var(--text-light);display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-links a:before{content:"→";font-weight:700;opacity:0;transform:translateX(-8px);transition:all .3s ease}.footer-column:nth-child(2) .footer-links a:hover{color:#6366f1;font-weight:600;padding-left:.75rem}.footer-column:nth-child(2) .footer-links a:hover:before{color:#6366f1;opacity:1;transform:translateX(0)}.footer-column:nth-child(3) .footer-links a:hover{color:#ec4899;font-weight:600;padding-left:.75rem}.footer-column:nth-child(3) .footer-links a:hover:before{color:#ec4899;opacity:1;transform:translateX(0)}.footer-column:nth-child(4) .footer-links a:hover{color:#a855f7;font-weight:600;padding-left:.75rem}.footer-column:nth-child(4) .footer-links a:hover:before{color:#a855f7;opacity:1;transform:translateX(0)}.footer-newsletter-text{color:var(--text-light);font-size:.9rem;line-height:1.6;margin-bottom:1rem}.footer-newsletter-form{display:flex;flex-direction:column;gap:.75rem}.footer-newsletter-input{background:#fff;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.footer-newsletter-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.footer-newsletter-input::placeholder{color:var(--text-light)}.footer-newsletter-button{background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 16px #6366f166,0 2px 8px #ec48994d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-newsletter-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.footer-newsletter-button:hover:before{left:100%}.footer-newsletter-button:hover{background:linear-gradient(135deg,#ec4899,#a855f7 50%,#f97316);box-shadow:0 8px 24px #ec489980,0 4px 12px #a855f766;transform:translateY(-3px)}.footer-bottom{align-items:center;background:linear-gradient(135deg,#f8fafc80,#f1f5f980);border-radius:16px 16px 0 0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:2rem 1rem}.footer-copyright{display:flex;flex-direction:column;gap:.25rem}.footer-copyright p{color:var(--text-light);font-size:.8125rem;margin:0}.footer-tagline{color:var(--primary-color);font-size:.85rem;font-weight:500}.footer-bottom-links{align-items:center;color:var(--text-light);display:flex;font-size:.8125rem;gap:.5rem}.footer-heart{animation:heartbeat 1.5s ease-in-out infinite;color:#ef4444;filter:drop-shadow(0 2px 4px rgba(239,68,68,.3));height:16px;width:16px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1200px){.footer-top{gap:1.5rem;grid-template-columns:2fr 1fr 1fr 1.5fr}.footer-top .footer-column:nth-child(3){display:none}}@media (max-width:968px){.footer-top{gap:1.5rem;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1;max-width:100%}}@media (max-width:640px){.footer{margin-top:3rem;padding:2rem 0 0}.footer-container{padding:0 1.5rem}.footer-top{gap:1.5rem;grid-template-columns:1fr;padding-bottom:1.5rem}.footer-brand{text-align:center}.footer-logo{justify-content:center}.footer-description{text-align:center}.footer-social{justify-content:center}.footer-column{text-align:center}.footer-links{align-items:center}.footer-links a:hover{padding-left:0}.footer-bottom{flex-direction:column;padding:1.25rem 0;text-align:center}.footer-copyright{align-items:center}}.footer-logo:hover .footer-logo-icon{filter:drop-shadow(0 4px 16px rgba(99,102,241,.4))}.search-bar{animation:fadeIn .5s ease-out;width:100%}.search-input-wrapper{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;display:flex;padding:.5rem;position:relative;transition:all .3s ease}.search-input-wrapper:focus-within{box-shadow:0 15px 50px #667eea4d;transform:translateY(-2px)}.search-icon{color:#667eea;flex-shrink:0;height:24px;margin-left:1rem;width:24px}.search-input{background:#0000;border:none;flex:1 1;font-size:1.05rem;outline:none;padding:1rem 1.5rem}.clear-button{align-items:center;background:#6c757d1a;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;margin-right:.5rem;transition:all .3s ease;width:32px}.clear-button svg{stroke-width:2.5;color:var(--text-secondary);height:16px;width:16px}.clear-button:hover{background:#f5576c1a}.clear-button:hover svg{color:#f5576c}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .3s ease}.search-button svg{stroke-width:2.5;height:20px;width:20px}.search-button:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.search-suggestions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.suggestion-label{color:var(--text-light);font-size:.9rem;font-weight:600}.suggestion-tag{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:20px;box-shadow:0 1px 3px #0000000d;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.suggestion-tag:hover{background:#6366f11a;border-color:var(--primary-color);box-shadow:0 4px 12px #6366f126;color:var(--primary-color);transform:translateY(-2px)}@media (max-width:768px){.search-input-wrapper{border-radius:14px;padding:.4rem}.search-icon{height:20px;margin-left:.75rem;width:20px}.search-input{font-size:1rem;padding:.875rem 1rem}.search-button{font-size:.95rem;padding:.75rem 1.25rem}.search-button span{display:none}.search-button svg{height:18px;width:18px}.search-suggestions{gap:.5rem;margin-top:.875rem}.suggestion-label{font-size:.85rem}.suggestion-tag{font-size:.8rem;padding:.4rem .875rem}}@media (max-width:480px){.search-input-wrapper{border-radius:12px;padding:.3rem}.search-icon{height:18px;margin-left:.5rem;width:18px}.search-input{font-size:.95rem;padding:.75rem}.search-input::placeholder{font-size:.9rem}.clear-button{height:28px;margin-right:.25rem;width:28px}.clear-button svg{height:14px;width:14px}.search-button{border-radius:10px;padding:.65rem 1rem}.search-button svg{height:16px;width:16px}.search-suggestions{gap:.4rem;margin-top:.75rem}.suggestion-label{font-size:.8rem;text-align:center;width:100%}.suggestion-tag{font-size:.75rem;padding:.35rem .75rem}}@media (min-width:769px) and (max-width:1024px){.search-input{font-size:1rem}.search-button{padding:.8rem 1.5rem}}.filter-sidebar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0cc;border-radius:20px;box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a,inset 0 1px 0 #ffffffe6;overflow:hidden;padding:2rem;position:relative}.filter-sidebar:before{background:linear-gradient(90deg,#6366f1,#ec4899 50%,#a855f7);box-shadow:0 2px 8px #6366f14d;content:"";height:5px;left:0;opacity:1;position:absolute;right:0;top:0}.filter-sidebar:after{background:radial-gradient(circle,#6366f108 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.filter-header{border-bottom:2px solid #e2e8f099;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;position:relative;z-index:1}.filter-header,.filter-title{align-items:center;display:flex}.filter-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800;gap:.75rem;letter-spacing:-.02em;margin:0}.filter-icon{stroke-width:2.5;color:#6366f1;filter:drop-shadow(0 2px 4px rgba(99,102,241,.2));height:26px;width:26px}.clear-filters-btn{background:linear-gradient(135deg,#ef44441a,#dc262614);border:2px solid #ef44444d;border-radius:10px;color:#ef4444;font-size:.875rem;font-weight:700;overflow:hidden;padding:.6rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.clear-filters-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:-1}.clear-filters-btn:hover:before{left:100%}.clear-filters-btn:hover{background:linear-gradient(135deg,#ef444426,#dc26261f);border-color:#ef4444;box-shadow:0 6px 20px #ef44444d;transform:translateY(-2px)}.filter-section{margin-bottom:2.5rem;position:relative;z-index:1}.filter-section:last-child{margin-bottom:0}.filter-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:700;gap:.75rem;letter-spacing:-.01em;margin-bottom:1.25rem;padding:.5rem 0}.section-icon{stroke-width:2.5;color:#6366f1;filter:drop-shadow(0 1px 3px rgba(99,102,241,.2));height:22px;width:22px}.filter-options{display:flex;flex-direction:column;gap:.75rem}.filter-option{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f099;border-radius:12px;box-shadow:0 1px 3px #0000000a;cursor:pointer;display:flex;min-height:44px;overflow:hidden;padding:.875rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-option:before{background:linear-gradient(135deg,#6366f1,#ec4899);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.filter-option:hover{background:linear-gradient(135deg,#6366f114,#ec48990d);border-color:#6366f166;box-shadow:0 4px 12px #6366f126,0 2px 6px #00000014;transform:translateX(6px)}.filter-option:hover:before{transform:scaleY(1)}.filter-option.active{background:linear-gradient(135deg,#6366f11f,#ec489914);border-color:#6366f1;box-shadow:0 0 20px #6366f140,0 4px 12px #6366f126,inset 0 1px 0 #ffffff80;transform:translateX(4px)}.filter-option.active:before{transform:scaleY(1)}.filter-option input[type=radio]{cursor:pointer;opacity:0;position:absolute}.category-icon{align-items:center;color:#6366f1;display:flex;filter:drop-shadow(0 1px 2px rgba(99,102,241,.2));flex-shrink:0;height:20px;justify-content:center;margin-right:10px;transition:all .3s ease;width:20px}.category-icon svg{stroke-width:2.5;height:100%;width:100%}.filter-option:hover .category-icon{color:#ec4899;transform:scale(1.1)}.filter-option.active .category-icon{color:#6366f1;filter:drop-shadow(0 2px 6px rgba(99,102,241,.4));transform:scale(1.15)}.option-label{color:var(--text-primary);flex:1 1;font-size:.8rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-option:hover .option-label{color:#6366f1}.filter-option.active .option-label{color:#6366f1;font-weight:700}.option-checkmark{align-items:center;background:#fff;border:2.5px solid #e2e8f0cc;border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;margin-left:.5rem;position:relative;width:22px}.option-checkmark,.option-checkmark svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.option-checkmark svg{stroke-width:3.5;color:#fff;height:14px;opacity:0;position:absolute;transform:scale(0) rotate(-90deg);width:14px}.filter-option:hover .option-checkmark{border-color:#6366f180;transform:scale(1.05)}.filter-option.active .option-checkmark{background:linear-gradient(135deg,#6366f1,#ec4899);border-color:#6366f1;box-shadow:0 0 15px #6366f166,0 2px 8px #6366f133;transform:scale(1.1)}.filter-option.active .option-checkmark svg{opacity:1;transform:scale(1) rotate(0deg)}.show-more-btn{align-items:center;background:linear-gradient(135deg,#6366f10d,#ec489908);border:2px dashed #6366f166;border-radius:12px;color:#6366f1;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:1rem;overflow:hidden;padding:.875rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.show-more-btn:before{background:linear-gradient(90deg,#0000,#6366f11a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.show-more-btn:hover:before{left:100%}.show-more-btn svg{stroke-width:2.5;height:20px;transition:transform .3s ease;width:20px}.show-more-btn:hover{background:linear-gradient(135deg,#6366f11a,#ec48990f);border-color:#6366f1;border-style:solid;box-shadow:0 6px 20px #6366f133;transform:translateY(-2px)}.show-more-btn:hover svg{transform:translateY(2px)}.active-filters{border-top:2px solid #e2e8f099;margin-top:2.5rem;padding-top:1.75rem;position:relative;z-index:1}.active-filters-title{color:var(--text-secondary);font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:1rem;opacity:.8;text-transform:uppercase}.active-filter-tags{display:flex;flex-direction:column;gap:.75rem}.active-filter-tag{align-items:center;background:linear-gradient(135deg,#6366f11f,#ec489914);border:2px solid #6366f166;border-radius:12px;box-shadow:0 2px 8px #6366f126,0 1px 3px #0000001a;color:#6366f1;display:flex;font-size:.875rem;font-weight:700;justify-content:space-between;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s ease}.active-filter-tag:before{background:linear-gradient(135deg,#6366f1,#ec4899);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.active-filter-tag:hover{box-shadow:0 4px 12px #6366f133,0 2px 6px #0000001a;transform:translateX(4px)}.active-filter-tag button{align-items:center;background:linear-gradient(135deg,#ef44441f,#dc262614);border:2px solid #ef444466;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.active-filter-tag button svg{stroke-width:3;color:#ef4444;height:14px;transition:transform .3s ease;width:14px}.active-filter-tag button:hover{background:linear-gradient(135deg,#ef444433,#dc262626);border-color:#ef4444;box-shadow:0 4px 12px #ef444466;transform:scale(1.15) rotate(90deg)}.active-filter-tag button:hover svg{transform:scale(1.1)}.category-search-wrapper{margin-bottom:1rem}.category-search{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f099;border-radius:10px;color:var(--text-primary);font-size:.875rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .3s ease;width:100%}.category-search:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a,0 2px 8px #6366f126}.category-search::placeholder{color:var(--text-light)}.search-icon{stroke-width:2.5;left:.875rem}.category-search:focus+.search-icon{color:#6366f1}.no-results{background:linear-gradient(135deg,#6366f108,#ec489905);border:2px dashed #e2e8f099;border-radius:12px;color:var(--text-light);font-size:.875rem;padding:1.5rem;text-align:center}@media (max-width:1024px){.filter-sidebar{padding:1.25rem}.filter-title{font-size:1.15rem}.filter-option{padding:.75rem .875rem}.option-label{font-size:.9rem}}@media (max-width:768px){.filter-sidebar{border-radius:18px;margin-bottom:2rem;padding:1.75rem}.category-search{font-size:.85rem;padding:.7rem .875rem .7rem 2.5rem}.search-icon{height:16px;left:.75rem;width:16px}.filter-header{margin-bottom:1.25rem;padding-bottom:.875rem}.filter-title{font-size:1.1rem}.filter-icon{height:22px;width:22px}.clear-filters-btn{font-size:.8rem;padding:.45rem .875rem}.filter-section{margin-bottom:1.5rem}.filter-section-title{font-size:.95rem;margin-bottom:.875rem}.section-icon{height:18px;width:18px}.filter-option{padding:.75rem .875rem}.category-icon{height:16px;margin-right:8px;width:16px}.option-label{font-size:.8rem}.show-more-btn{font-size:.85rem;padding:.65rem}.active-filters{margin-top:1.5rem;padding-top:1.25rem}.active-filter-tag{font-size:.8rem;padding:.6rem .875rem}}@media (max-width:480px){.filter-sidebar{border-radius:14px;padding:1.25rem}.filter-header{align-items:flex-start;flex-direction:column;gap:.75rem}.filter-title{font-size:1rem}.clear-filters-btn{justify-content:center;width:100%}.filter-section-title{font-size:.9rem}.filter-option{padding:.7rem .75rem}.option-label{font-size:.85rem}.option-checkmark{height:18px;width:18px}.show-more-btn{font-size:.8rem;padding:.6rem}.active-filter-tag{font-size:.75rem;padding:.55rem .75rem}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.filter-sidebar{animation:slideIn .5s ease-out}.tool-card-link{overflow:hidden}.tool-card,.tool-card-link{height:100%;max-width:100%;width:100%}.tool-card{background:#fff;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000f,0 1px 3px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tool-card:before{background:var(--primary-gradient);height:4px}.tool-card-link:hover .tool-card{background:#fff;border-color:var(--primary-color);box-shadow:0 8px 24px #6366f126,0 4px 12px #00000014;transform:translateY(-4px)}.tool-card-link:hover .tool-card:before{opacity:1}.tool-card-header{align-items:flex-start;border-bottom:1px solid #94a3b81a;gap:12px;margin-bottom:12px;min-width:0;overflow:hidden;padding-bottom:12px;width:100%}.tool-logo-wrapper{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:14px;box-shadow:0 2px 8px #00000014,inset 0 1px 0 #fffc;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}.tool-logo-wrapper:before{background:var(--primary-gradient);border-radius:14px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.tool-card-link:hover .tool-logo-wrapper{background:#fff;border-color:var(--primary-color);box-shadow:0 4px 16px #6366f133,0 0 0 4px #6366f11a;transform:scale(1.05)}.tool-card-link:hover .tool-logo-wrapper:before{opacity:1}.tool-logo{border-radius:12px;height:100%;transition:transform .3s ease;width:100%}.tool-card-link:hover .tool-logo{transform:scale(1.05)}.tool-header-info{display:flex;flex-direction:column;gap:6px;max-width:100%;overflow:hidden;padding-left:4px}.save-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;transition:all .2s ease;width:28px}.save-button:hover{background:#6366f11a;color:var(--primary-color)}.save-button.saved,.save-button.saved:hover{fill:var(--error-color);color:var(--error-color)}.save-button.saved:hover{background:#ef44441a}.save-button svg{height:18px;width:18px}.tool-card .tool-name{-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;color:var(--text-secondary);display:-webkit-box;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin:0 0 4px;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;transition:all .3s ease;width:100%}.tool-card-link:hover .tool-name{color:var(--primary-color);transform:translateX(2px)}.tool-card-body{flex:1 1;margin-bottom:8px;min-width:0;overflow:hidden;width:100%}.tool-description{color:var(--text-light);font-size:13px;line-height:1.6;margin:0 0 12px;max-height:3.2em;max-width:100%;opacity:.9;overflow-wrap:break-word;transition:opacity .3s ease;width:100%}.tool-card-link:hover .tool-description{color:var(--text-primary);opacity:1}.tool-categories{gap:4px;margin-top:6px}.category-tag{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:11px;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.category-tag:hover{background:#6366f11a;border-color:var(--primary-color);color:var(--primary-color)}.category-more{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.pricing-badge{align-self:flex-start;border:1px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0003;display:inline-block;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.pricing-free{background:#10b98126;border-color:#10b9814d;color:var(--success-color)}.pricing-freemium{background:#3b82f626;border-color:#3b82f64d;color:var(--primary-color)}.pricing-trial{background:#8b5cf626;border-color:#8b5cf64d;color:var(--secondary-color)}.pricing-paid{background:#f59e0b26;border-color:#f59e0b4d;color:var(--warning-color)}.tool-card-footer{border-top:1px solid #94a3b81a;gap:10px;margin-top:auto;min-width:0;overflow:hidden;padding-top:14px;width:100%}.visit-website-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 2px 6px #3b82f64d,inset 0 1px 0 #ffffff1a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:600;gap:5px;justify-content:center;max-width:100%;overflow:hidden;padding:7px 14px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.visit-website-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.visit-website-btn:hover:before{left:100%}.visit-website-btn:hover{background:var(--secondary-gradient);box-shadow:0 4px 16px #3b82f666,inset 0 1px 0 #fff3;transform:translateY(-2px)}.visit-website-btn svg{height:12px;transition:transform .3s ease;width:12px}.visit-website-btn:hover svg{transform:translateX(2px)}.visit-website-btn:active{box-shadow:0 1px 3px #667eea66;transform:translateY(0)}.visit-website-btn svg{stroke-width:2.5;flex-shrink:0;height:13px;width:13px}.tool-card-stats{align-items:center;display:flex;gap:8px}.stat{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-light);font-size:12px;font-weight:500;gap:5px;padding:6px 10px;transition:all .2s ease}.stat:hover{background:#6366f11a;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.stat svg{stroke-width:2;color:var(--text-light);height:16px;transition:all .2s ease;width:16px}.stat:hover svg{color:var(--primary-color);transform:scale(1.1)}.stat span{font-weight:500}@media (max-width:768px){.tool-card{padding:14px}.tool-card-header{gap:10px}.tool-logo,.tool-logo-wrapper{height:48px;width:48px}.tool-card .tool-name{font-size:15px}.tool-card .tool-name,.tool-description{word-wrap:break-word;overflow-wrap:break-word}.tool-description{font-size:12px}.visit-website-btn{font-size:12px;padding:6px 12px}.tool-card-footer,.tool-card-stats{flex-wrap:wrap;gap:10px}}@media (max-width:480px){.tool-card{box-sizing:border-box;min-height:auto;padding:12px}.tool-card,.tool-card-link{max-width:100%;width:100%}.tool-card-header{gap:8px;margin-bottom:10px;min-width:0;width:100%}.tool-logo-wrapper{flex-shrink:0;min-width:44px}.tool-logo,.tool-logo-wrapper{height:44px;width:44px}.tool-header-info{flex:1 1;max-width:calc(100% - 84px);min-width:0;overflow:hidden}.tool-card .tool-name{-webkit-line-clamp:1;font-size:14px;line-height:1.3}.tool-card .tool-name,.tool-description{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;width:100%}.tool-description{-webkit-line-clamp:2;font-size:11px;line-height:1.4}.tool-meta{align-items:flex-start;flex-direction:column;gap:6px}.pricing-badge{align-self:flex-start;font-size:9px;padding:2px 6px}.category-tag{word-wrap:break-word;font-size:10px;padding:2px 6px}.tool-categories{flex-wrap:wrap;gap:4px}.tool-card-footer{align-items:stretch;flex-direction:column;gap:10px;padding-top:10px}.tool-card-stats{flex-wrap:wrap;gap:16px;justify-content:center;order:2}.visit-website-btn{font-size:13px;justify-content:center;min-height:44px;order:1;padding:10px 12px;width:100%}.stat{flex-shrink:0;font-size:11px}.stat svg{flex-shrink:0;height:14px;width:14px}.save-button{flex-shrink:0;height:32px;min-width:32px;padding:6px;width:32px}.save-button svg{height:18px;width:18px}}@media (max-width:360px){.tool-card{box-sizing:border-box;padding:10px}.tool-card,.tool-card-link{max-width:100%;width:100%}.tool-card-header{gap:6px;min-width:0;width:100%}.tool-logo-wrapper{min-width:40px}.tool-logo,.tool-logo-wrapper{height:40px;width:40px}.tool-header-info{max-width:calc(100% - 76px)}.tool-card .tool-name{font-size:13px;max-width:100%;width:100%}.tool-description{font-size:10px;max-width:100%;width:100%}.visit-website-btn{font-size:12px;min-height:42px;padding:9px 10px}.save-button{height:30px;padding:5px;width:30px}.save-button svg{height:16px;width:16px}}.tool-grid-container{overflow-x:hidden}.tool-grid,.tool-grid-container{box-sizing:border-box;max-width:100%;width:100%}.tool-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.empty-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.empty-icon{stroke-width:1.5;color:var(--text-light);height:80px;margin-bottom:1.5rem;opacity:.6;width:80px}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0}.pagination{flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:3rem}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:var(--bg-card);border-radius:10px;box-shadow:var(--shadow-sm);font-size:.95rem;gap:.5rem;padding:.875rem 1.5rem}.pagination-btn svg{stroke-width:2.5;height:18px;width:18px}.pagination-btn:hover:not(:disabled){background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:none;opacity:.4}.pagination-numbers{align-items:center}.pagination-number{align-items:center;background:var(--bg-card);box-shadow:var(--shadow-sm);display:flex;font-size:.95rem;height:44px;justify-content:center;min-width:44px;padding:0 .75rem}.pagination-number:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.pagination-number.active{background:var(--primary-gradient);box-shadow:var(--shadow-md)}.pagination-ellipsis{align-items:center;color:var(--text-secondary);display:flex;font-weight:700;height:44px;justify-content:center;min-width:44px}@media (max-width:1200px){.tool-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.tool-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:1.5rem;padding:0 .25rem}.empty-state{margin:0 .5rem;min-height:300px;padding:2rem 1.5rem}.empty-icon{height:60px;margin-bottom:1rem;width:60px}.empty-state h3{word-wrap:break-word;font-size:1.25rem}.empty-state p{word-wrap:break-word;font-size:.95rem}.pagination{flex-wrap:wrap;gap:.75rem;margin-top:2rem;padding:0 .5rem}.pagination-btn{flex-shrink:0;font-size:.9rem;padding:.75rem 1.25rem}.pagination-btn span{display:none}.pagination-btn svg{height:16px;width:16px}.pagination-numbers{flex-wrap:wrap;gap:.4rem;justify-content:center}.pagination-number{font-size:.9rem}.pagination-ellipsis,.pagination-number{height:40px;min-width:40px}}@media (max-width:640px){.tool-grid-container{max-width:100%;overflow-x:hidden;width:100%}.tool-grid{gap:.875rem;grid-template-columns:1fr;max-width:100%;padding:0;width:100%}.empty-state,.tool-grid>*{box-sizing:border-box;max-width:100%;width:100%}.empty-state{margin:0;padding:2rem 1rem}}@media (max-width:480px){.tool-grid-container{max-width:100%;overflow-x:hidden;width:100%}.tool-grid{gap:.875rem;margin-bottom:1.25rem;padding:0}.tool-grid,.tool-grid>*{max-width:100%;width:100%}.tool-grid>*{box-sizing:border-box}.empty-state{border-radius:14px;margin:0;min-height:250px;padding:1.5rem 1rem}.empty-icon{height:50px;width:50px}.empty-state h3{font-size:1.1rem}.empty-state h3,.empty-state p{word-wrap:break-word;padding:0 .5rem}.empty-state p{font-size:.9rem}.pagination{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:0}.pagination-btn{border-radius:10px;flex-shrink:0;padding:.65rem 1rem}.pagination-numbers{flex-wrap:wrap;gap:.35rem;justify-content:center;margin:.5rem 0;width:100%}.pagination-number{border-radius:8px;font-size:.85rem;height:36px;min-width:36px}.pagination-ellipsis{font-size:.9rem;height:36px;min-width:36px}}@media (max-width:360px){.tool-grid{gap:.75rem}.empty-state{padding:1.25rem .75rem}.empty-icon{height:45px;width:45px}.empty-state h3{font-size:1rem}.empty-state p{font-size:.85rem}.pagination{gap:.4rem}.pagination-btn{font-size:.8rem;padding:.6rem .875rem}.pagination-number{font-size:.8rem;height:32px;min-width:32px}.pagination-ellipsis{font-size:.85rem;height:32px;min-width:32px}}@media (min-width:769px) and (max-width:1024px){.tool-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@keyframes gridItemEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(14,165,233,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(14,165,233,.8)) drop-shadow(0 0 40px rgba(34,211,238,.6));transform:scale(1.05)}}.tool-grid>*{animation:gridItemEnter .5s ease-out backwards}.tool-grid>:first-child{animation-delay:.05s}.tool-grid>:nth-child(2){animation-delay:.1s}.tool-grid>:nth-child(3){animation-delay:.15s}.tool-grid>:nth-child(4){animation-delay:.2s}.tool-grid>:nth-child(5){animation-delay:.25s}.tool-grid>:nth-child(6){animation-delay:.3s}.tool-grid>:nth-child(7){animation-delay:.35s}.tool-grid>:nth-child(8){animation-delay:.4s}.tool-grid>:nth-child(9){animation-delay:.45s}.tool-grid>:nth-child(10){animation-delay:.5s}.tool-grid>:nth-child(11){animation-delay:.55s}.tool-grid>:nth-child(12){animation-delay:.6s}.hero-section{background:linear-gradient(135deg,#6366f10d,#ec48990d 50%,#a855f70d);border-bottom:2px solid var(--border-color);margin-bottom:2rem;overflow:hidden;padding:3rem 1.5rem 4rem;position:relative}.hero-section:before{content:"";height:4px;left:0;opacity:1;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:2}.hero-badge{align-items:center;animation:fadeIn .6s ease-out;background:#fff;border:2px solid var(--border-color);border-radius:50px;box-shadow:0 2px 8px #0000000f;color:var(--text-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem}.hero-badge-icon{stroke-width:2.5;height:20px;width:20px}.hero-title{animation:fadeIn .8s ease-out;color:var(--text-secondary);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.text-gradient{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-weight:800}.hero-subtitle{animation:fadeIn 1s ease-out;color:var(--text-light);font-size:clamp(1rem,2vw,1.2rem);line-height:1.5;margin-bottom:1.5rem}.hero-subtitle strong{background:linear-gradient(135deg,#6366f11a,#ec48991a);border-radius:6px;color:var(--text-secondary);font-weight:700;padding:.2rem .6rem}.hero-search{animation:slideInUp 1s ease-out;margin:0 auto 1.5rem;max-width:700px}.hero-stats{animation:fadeIn 1.2s ease-out;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.35rem}.stat-label{color:var(--text-light)!important;font-size:.85rem;font-weight:600}.hero-decoration{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1}.decoration-circle{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f11a,#ec48991a);border-radius:50%;position:absolute}.circle-1{animation:float 20s ease-in-out infinite;height:400px;right:-100px;top:-200px;width:400px}.circle-2{animation:float 15s ease-in-out infinite reverse;bottom:-150px;height:300px;left:-100px;width:300px}.circle-3{animation:float 25s ease-in-out infinite;height:200px;left:10%;top:50%;width:200px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.homepage-container{box-sizing:border-box;margin:0 auto;max-width:1400px;max-width:100%;overflow-x:hidden;padding:0 1.5rem;width:100%}.homepage-layout{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:260px 1fr}.sidebar-wrapper{animation:slideInLeft .6s ease-out;position:-webkit-sticky;position:sticky;top:80px}.content-wrapper{animation:slideInRight .6s ease-out;box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.results-header{margin-bottom:1.25rem}.results-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.35rem}.results-count,.results-title{word-wrap:break-word;overflow-wrap:break-word}.results-count{font-size:1rem;line-height:1.5}.search-info{color:var(--primary-color);display:inline-block;font-size:.9rem;font-weight:600}.error-message{align-items:center;animation:fadeIn .5s ease-out;background:#f5576c1a;border-left:4px solid #f5576c;border-radius:12px;color:#f5576c;display:flex;gap:1rem;padding:1.5rem}.error-icon{stroke-width:2;flex-shrink:0;height:24px;width:24px}@media (max-width:1024px){.homepage-layout{gap:1.5rem;grid-template-columns:250px 1fr}.hero-stats{gap:2rem}.stat-number{font-size:2rem}}@media (max-width:768px){.hero-section{margin-bottom:1.25rem;padding:2rem 1rem 2.5rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.hero-search,.hero-subtitle{margin-bottom:1.25rem}.hero-stats{gap:1.25rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.homepage-container{padding:0 1rem}.homepage-layout{gap:1.5rem;grid-template-columns:1fr}.sidebar-wrapper{order:2;position:static}.content-wrapper{box-sizing:border-box;max-width:100%;order:1;overflow-x:hidden;width:100%}.results-header{margin-bottom:1rem}.results-title{font-size:1.35rem;line-height:1.3;margin-bottom:.5rem}.results-count{font-size:.95rem;line-height:1.4}.search-info{display:block;margin-top:.25rem}.circle-1,.circle-2,.circle-3{display:none}}@media (max-width:480px){.hero-section{padding:2rem .75rem 3rem}.hero-badge{font-size:.8rem;padding:.4rem 1rem}.hero-title{font-size:1.75rem;margin-bottom:1rem}.hero-subtitle{font-size:.95rem;margin-bottom:1.5rem}.hero-stats{gap:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.homepage-container{padding:0 .75rem}.results-header{margin-bottom:1rem;padding:0 .25rem}.results-title{font-size:1.2rem;line-height:1.3;margin-bottom:.5rem;word-break:break-word}.results-count{font-size:.875rem;line-height:1.5;word-break:break-word}.search-info{display:block;font-size:.85rem;margin-top:.35rem}}@media (max-width:360px){.homepage-container{padding:0 .5rem}.results-header{margin-bottom:.875rem;padding:0}.results-title{font-size:1.1rem}.results-count,.search-info{font-size:.8rem}}@media (min-width:769px) and (max-width:1024px){.hero-section{padding:3.5rem 1.25rem 5rem}.sidebar-wrapper{top:80px}}@media print{.hero-section,.sidebar-wrapper{display:none}.homepage-layout{grid-template-columns:1fr}}.comments-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:2rem;padding:1.5rem}.comments-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.comment-form{margin-bottom:1.5rem}.comment-form-header{align-items:flex-start;display:flex;gap:.75rem}.comment-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.comment-user-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-form-content{flex:1 1}.comment-textarea{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;line-height:1.5;max-height:120px;min-height:60px;padding:.625rem .75rem;resize:vertical;transition:border-color .2s ease;width:100%}.comment-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.comment-form-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.comment-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.comment-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.6}.comment-login-prompt{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:.875rem;margin-bottom:1.5rem;padding:.875rem;text-align:center}.comment-login-prompt p{margin:0}.login-link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.login-link-btn:hover{color:#764ba2}.comments-empty,.comments-loading{color:#6b7280;font-size:.875rem;padding:1.5rem;text-align:center}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{align-items:flex-start;display:flex;gap:.75rem}.comment-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:32px;justify-content:center;width:32px}.comment-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.comment-content{background:#f9fafb;border-radius:8px;flex:1 1;padding:.75rem}.comment-header{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.375rem}.comment-author{display:flex;flex-direction:column;gap:.25rem}.comment-author-name{color:#1f2937;font-size:.875rem;font-weight:600}.comment-date{color:#6b7280;font-size:.75rem}.comment-actions{display:flex;flex-wrap:wrap;gap:.375rem}.comment-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .625rem;transition:all .2s ease;white-space:nowrap}.comment-edit-btn{border-color:#667eea;color:#667eea}.comment-edit-btn:hover{background:#f0f4ff}.comment-delete-btn{border-color:#ef4444;color:#ef4444}.comment-delete-btn:hover{background:#fef2f2}.comment-save-btn{border-color:#10b981;color:#10b981}.comment-save-btn:hover{background:#f0fdf4}.comment-cancel-btn{border-color:#e5e7eb;color:#6b7280}.comment-cancel-btn:hover{background:#f9fafb}.comment-text{word-wrap:break-word;color:#374151;font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap}.comment-edit-textarea{border:1px solid #667eea;border-radius:6px;font-family:inherit;font-size:.875rem;line-height:1.5;margin-top:.375rem;max-height:120px;min-height:60px;padding:.625rem .75rem;resize:vertical;width:100%}.comment-edit-textarea:focus{box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.comments-section{padding:1rem}.comments-title{font-size:1.125rem;margin-bottom:.875rem;padding-bottom:.625rem}.comment-form{margin-bottom:1.25rem}.comment-form-header{gap:.625rem}.comment-user-avatar{font-size:.6875rem;height:28px;width:28px}.comment-textarea{font-size:.8125rem;min-height:50px;padding:.5rem .625rem}.comment-submit-btn{font-size:.8125rem;padding:.4375rem 1rem}.comment-item{gap:.625rem}.comment-avatar{font-size:.6875rem;height:28px;width:28px}.comment-content{padding:.625rem}.comment-header{align-items:flex-start;flex-direction:column;gap:.375rem}.comment-actions{align-self:flex-start;gap:.25rem}.comment-action-btn{font-size:.6875rem;padding:.1875rem .5rem}.comment-text{font-size:.8125rem}}@media (max-width:480px){.comments-section{padding:.875rem}.comments-title{font-size:1rem}.comment-textarea{max-height:100px;min-height:45px}.comment-submit-btn{justify-content:center;width:100%}}.tool-detail-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh}.tool-hero{background:var(--bg-secondary);background-image:radial-gradient(circle at 20% 50%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),linear-gradient(135deg,#00d4ff1a,#5b86e51a 50%,#8b5cf61a);border-bottom:1px solid #00d4ff33;color:var(--text-primary);padding:1.5rem 0 2rem;position:relative}.tool-hero:before{background:var(--ai-gradient);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.tool-hero-content{margin:0 auto;max-width:1200px;padding:0 2rem}.breadcrumb{margin-bottom:1rem}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-link{align-items:center;display:inline-flex;gap:.375rem}.breadcrumb-link{border-radius:6px;color:var(--text-light);font-size:.875rem;font-weight:500;padding:.375rem .5rem;transition:all .2s ease}.breadcrumb-link:hover{background:#6366f11a;color:var(--primary-color)}.breadcrumb-link svg{flex-shrink:0;height:16px;width:16px}.breadcrumb-separator{align-items:center;display:inline-flex;margin:0 .25rem;opacity:.5}.breadcrumb-separator svg{height:14px;width:14px}.breadcrumb-item-current{color:var(--text-secondary);font-weight:600;max-width:300px;overflow:hidden;padding:.375rem .5rem;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item-current span{font-size:.875rem}.tool-header{gap:1.5rem}.tool-logo-large{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg),0 0 20px #00d4ff33;flex-shrink:0;height:100px;padding:.75rem;width:100px}.tool-logo-large img{height:100%;object-fit:contain;width:100%}.tool-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(99,102,241,.2));font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .375rem}.tool-name,.tool-tagline{color:var(--text-secondary)}.tool-tagline{font-size:1rem;line-height:1.5;margin:0 0 .75rem}.tool-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.category-badge{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:12px;box-shadow:0 1px 2px #00d4ff1a;color:var(--primary-color);font-size:.8125rem;font-weight:500;padding:.3125rem .75rem;text-decoration:none;transition:all .2s ease}.category-badge:hover{background:#00d4ff40;border-color:#00d4ff80;box-shadow:0 2px 6px #00d4ff26;transform:translateY(-1px)}.tool-pricing-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px #00d4ff1a;color:var(--primary-color);font-size:.8125rem;font-weight:600;padding:.3125rem .75rem}.tool-stats{border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:.75rem;padding-top:.75rem}.tool-stats .stat{align-items:center;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.375rem}.tool-stats .stat svg{height:16px;width:16px}.tool-actions{display:flex;flex-wrap:wrap;gap:.5rem}.primary-button{align-items:center;background:#18cb96;border:1px solid #00f5ff4d;border-radius:8px;box-shadow:0 1px 3px #18cb964d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.primary-button:hover{border-color:#00f5ff80;box-shadow:0 2px 8px #18cb9666;transform:translateY(-1px)}.primary-button svg{height:16px;width:16px}.secondary-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease;white-space:nowrap}.secondary-button:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 2px 6px #00d4ff26;transform:translateY(-1px)}.secondary-button svg{height:16px;width:16px}.secondary-button.saved{background:#fa709a26;border-color:#fa709a4d;color:var(--warning-color)}.secondary-button.saved:hover{background:#fa709a40;border-color:#fa709a80}.tool-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:70px;z-index:10}.tabs-container{display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:0 2rem}.tab{font-weight:500;padding:1rem 0;transition:all .3s ease}.tool-content{background:var(--bg-primary);min-height:60vh;padding:3rem 0}.content-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px;padding:0 2rem}.main-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);box-shadow:0 1px 3px #0000001a;padding:2rem}.tab-content h2{color:var(--text-primary);font-size:1.8rem;margin:0 0 1.5rem}.tab-content h3{color:var(--text-secondary);font-size:1.3rem;margin:2rem 0 1rem}.tool-description{word-wrap:break-word;font-size:1.1rem;line-height:1.8;margin-bottom:2rem;white-space:pre-wrap}.tool-description,.tool-description p{height:auto;max-height:none;overflow:visible}.tool-description p{display:block;margin:0 0 1rem}.tool-description p:last-child{margin-bottom:0}.tool-description-formatted{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.tool-description-formatted p{color:var(--text-secondary);line-height:1.8;margin:0 0 1.25rem}.tool-description-formatted p:last-child{margin-bottom:0}.tool-description-formatted strong{color:var(--text-primary);font-weight:600}.desc-paragraph{color:var(--text-secondary);line-height:1.8;margin:0 0 1.25rem}.desc-heading{border-bottom:2px solid #e5e7eb;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.desc-heading:first-child{margin-top:0}.desc-list{list-style:none;margin:1rem 0 1.5rem;padding-left:1.5rem}.desc-list li{color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.desc-list li:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;left:0;position:absolute}.video-container{margin:2rem 0}.video-container iframe{border-radius:12px;box-shadow:0 4px 6px #0000001a;height:450px;width:100%}.feature-tags-section{margin:2rem 0}.feature-tags{display:flex;flex-wrap:wrap;gap:.75rem}.feature-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.platforms-section{margin:2rem 0}.platforms{display:flex;flex-wrap:wrap;gap:.75rem}.platform-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem}.features-list{list-style:none;margin:0;padding:0}.features-list li{align-items:flex-start;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:1rem;gap:1rem;margin-bottom:.5rem;padding:1rem}.features-list li svg{color:#10b981;flex-shrink:0;height:24px;margin-top:2px;width:24px}.pricing-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.pricing-card{background:var(--bg-tertiary);border:2px solid #e5e7eb;border-radius:12px;padding:2rem;transition:all .3s ease}.pricing-card:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea1a;transform:translateY(-4px)}.pricing-card h3{color:var(--text-primary);font-size:1.5rem;margin:0 0 1rem}.pricing-card .price{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.pricing-card ul{list-style:none;margin:0;padding:0}.pricing-card ul li{color:var(--text-secondary);font-size:.95rem;padding:.5rem 0}.pricing-card ul li:before{color:#10b981;content:"✓ ";font-weight:700;margin-right:.5rem}.screenshots-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1.5rem}.screenshot-item{border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.screenshot-item:hover{box-shadow:0 10px 25px #00000026;transform:scale(1.05)}.screenshot-item img{display:block;height:auto;width:100%}.sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.info-card h3{border-bottom:2px solid #f3f4f6;color:var(--text-primary);font-size:1.2rem;margin:0 0 1rem;padding-bottom:.75rem}.info-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-light);font-size:.9rem;font-weight:600}.info-value{color:var(--text-primary);font-size:.9rem;max-width:60%;text-align:right}.social-links{display:flex;flex-direction:column;gap:.75rem}.social-link{align-items:center;background:var(--bg-tertiary);border:1px solid #e5e7eb;border-radius:8px;color:var(--text-secondary);display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#f3f4f6;transform:translateX(4px)}.social-icon{font-size:1.5rem}.social-name{font-size:.95rem;font-weight:500}.similar-tools{display:flex;flex-direction:column;gap:1rem}.similar-tool-item{background:var(--bg-tertiary);border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.similar-tool-item:hover{background:#f3f4f6;box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.similar-tool-item img{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;height:50px;object-fit:contain;padding:.5rem;width:50px}.similar-tool-info h4{color:var(--text-primary);font-size:1rem;margin:0 0 .25rem}.similar-tool-info p{color:var(--text-light);font-size:.85rem;line-height:1.4;margin:0}.error-container,.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:calc(100vh - 80px)}.loading-container p{color:#fff;font-weight:500;margin-top:1.5rem}.spinner{border:4px solid #f3f4f6}.loading-container .spinner{border-color:#fff #ffffff4d #ffffff4d}.error-container h2{color:var(--text-primary);margin-bottom:1rem}.error-container p{color:var(--text-light);margin-bottom:2rem}.tool-hero .error-container h2{color:var(--text-secondary)}.tool-hero .error-container p{color:var(--text-light)}.tool-comments-section{background:var(--bg-tertiary);padding:3rem 0}.tool-detail-container{margin:0 auto;max-width:1200px;padding:0 2rem}@media (max-width:1024px){.content-container{grid-template-columns:1fr}.sidebar-content{order:-1}}@media (max-width:768px){.breadcrumb-list{gap:.375rem}.breadcrumb-item-current span,.breadcrumb-link{font-size:.8rem}.breadcrumb-separator{margin:0 .125rem}.breadcrumb-item-current{max-width:200px}.tool-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.tool-hero{padding:1rem 0 1.5rem}.tool-logo-large{height:80px;padding:.5rem;width:80px}.tool-name{font-size:1.5rem;margin-bottom:.25rem}.tool-tagline{font-size:.875rem;margin-bottom:.5rem}.tool-meta{gap:.375rem}.tool-meta,.tool-stats{justify-content:center;margin-bottom:.5rem}.tool-stats{gap:.75rem;padding-top:.5rem}.tool-actions{gap:.375rem;justify-content:center}.primary-button,.secondary-button{font-size:.8125rem;padding:.5rem 1rem}.tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab{white-space:nowrap}.video-container iframe{height:250px}.pricing-grid,.screenshots-grid{grid-template-columns:1fr}}@media (max-width:480px){.breadcrumb-link span{display:none}.breadcrumb-link svg{height:18px;width:18px}.breadcrumb-item-current{max-width:150px}.content-container,.tabs-container,.tool-hero-content{padding:0 1rem}.main-content{padding:1.5rem}.tool-hero{padding:.75rem 0 1.25rem}.tool-logo-large{height:70px;padding:.5rem;width:70px}.tool-name{font-size:1.25rem;margin-bottom:.25rem}.tool-tagline{font-size:.8125rem;margin-bottom:.5rem}.tool-meta{gap:.25rem;margin-bottom:.5rem}.category-badge,.tool-pricing-badge{font-size:.75rem;padding:.25rem .625rem}.tool-stats{gap:.5rem;margin-bottom:.5rem;padding-top:.5rem}.tool-stats .stat{font-size:.75rem;gap:.25rem}.tool-stats .stat svg{height:14px;width:14px}.tool-actions{flex-direction:column;gap:.5rem;width:100%}.primary-button,.secondary-button{font-size:.8125rem;justify-content:center;padding:.5625rem 1rem;width:100%}.primary-button svg,.secondary-button svg{height:14px;width:14px}}.categories-page{background:linear-gradient(180deg,#f9fafb 0,#fff);min-height:100vh}.categories-hero{background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding:4rem 1.5rem;position:relative;text-align:center}.categories-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.categories-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.categories-title{animation:fadeInUp .6s ease-out;color:#fff;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem}.categories-subtitle{animation:fadeInUp .8s ease-out;color:#fffffff2;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.6}.categories-container{margin:0 auto;max-width:1400px;padding:3rem 1.5rem}.categories-grid{grid-gap:2rem;animation:fadeIn 1s ease-out;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.category-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 6px #00000012;cursor:pointer;display:flex;flex-direction:column;padding:2rem;text-align:center;transition:all .3s ease}.category-card:hover{border-color:#667eea;box-shadow:0 12px 24px #667eea33;transform:translateY(-8px)}.category-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:80px}.category-card:hover .category-icon-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1)}.category-icon-wrapper svg{stroke-width:2;color:#667eea;height:40px;transition:all .3s ease;width:40px}.category-card:hover .category-icon-wrapper svg{color:#fff}.category-name{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.category-description{color:var(--text-secondary);flex:1 1;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.category-footer{border-top:1px solid #0000000d;padding-top:1rem;width:100%}.category-link{align-items:center;color:#667eea;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;transition:all .3s ease}.category-card:hover .category-link{gap:.75rem}.category-link svg{stroke-width:2.5;height:18px;transition:all .3s ease;width:18px}.loading-container{gap:1.5rem;min-height:400px}.loading-container p{font-size:1.1rem}.spinner{border:4px solid #667eea1a;border-top-color:#667eea}@media (max-width:1024px){.categories-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-card{padding:1.75rem}.category-icon-wrapper{height:70px;width:70px}.category-icon-wrapper svg{height:35px;width:35px}}@media (max-width:768px){.categories-hero{padding:3rem 1rem}.categories-title{font-size:2rem}.categories-subtitle{font-size:1rem}.categories-container{padding:2rem 1rem}.categories-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.category-card{padding:1.5rem}.category-icon-wrapper{height:60px;margin-bottom:1.25rem;width:60px}.category-icon-wrapper svg{height:30px;width:30px}.category-name{font-size:1.1rem}.category-description{font-size:.9rem}}@media (max-width:480px){.categories-hero{padding:2.5rem .75rem}.categories-title{font-size:1.75rem}.categories-subtitle{font-size:.95rem}.categories-container{padding:1.5rem .75rem}.categories-grid{gap:1rem;grid-template-columns:1fr}.category-card{padding:1.25rem}.category-icon-wrapper{height:50px;margin-bottom:1rem;width:50px}.category-icon-wrapper svg{height:25px;width:25px}.category-name{font-size:1rem}.category-description{font-size:.85rem;margin-bottom:1rem}.category-link{font-size:.9rem}}.about-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh}.about-hero{background:var(--bg-secondary);background-image:radial-gradient(circle at 20% 50%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),linear-gradient(135deg,#00d4ff1a,#5b86e51a 50%,#8b5cf61a);border-bottom:1px solid #00d4ff33;overflow:hidden;padding:5rem 1.5rem;position:relative;text-align:center}.about-hero:after{background:var(--ai-gradient);height:2px;opacity:.8;z-index:2}.about-hero:after,.about-hero:before{content:"";left:0;position:absolute;right:0;top:0}.about-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='rgba(0,212,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;opacity:.3;z-index:1}.about-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.about-title{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease-out;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:1rem}.about-subtitle{animation:fadeInUp .8s ease-out;color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6}.about-section{padding:4rem 1.5rem}.about-container{margin:0 auto;max-width:1200px}.about-content{margin:0 auto;max-width:800px}.section-title{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:2rem}.section-title.centered{text-align:center}.section-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.features-section{background:var(--bg-primary)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.feature-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-5px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:12px;box-shadow:0 0 15px #00d4ff33;display:flex;height:60px;justify-content:center;margin-bottom:1.5rem;width:60px}.feature-icon svg{stroke-width:2;color:var(--primary-color);height:30px;width:30px}.feature-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.feature-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.stats-section{background:var(--bg-secondary);background-image:radial-gradient(circle at 20% 50%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),linear-gradient(135deg,#00d4ff1a,#5b86e51a 50%,#8b5cf61a);border-bottom:1px solid #00d4ff33;border-top:1px solid #00d4ff33;color:var(--text-primary);position:relative}.stats-section:before{background:var(--ai-gradient);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-card{padding:2rem}.about-page .stat-number{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary)!important;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1;margin-bottom:.5rem}.about-page .stat-label{color:var(--text-secondary)!important;font-size:1.125rem;font-weight:600}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:3rem}.step-card{padding:2rem;text-align:center}.step-number{align-items:center;background:var(--ai-gradient);border:2px solid #00f5ff4d;border-radius:50%;box-shadow:0 0 20px #00d4ff66;color:#fff;display:flex;font-size:1.75rem;font-weight:800;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.step-description{color:var(--text-secondary);font-size:1rem;line-height:1.6}.cta-section{background:var(--bg-primary);text-align:center}.cta-content{margin:0 auto;max-width:700px}.cta-title{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.2;margin-bottom:1rem}.cta-text{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{border-radius:12px;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:var(--ai-gradient);border:1px solid #00f5ff4d;box-shadow:var(--shadow-neon);color:#fff}.cta-button.primary:hover{border-color:#00f5ff80;box-shadow:var(--shadow-neon),0 0 30px #00f5ff66;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--primary-color);color:var(--primary-color)}.cta-button.secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.contact-section{background:var(--bg-primary);text-align:center}.contact-text{color:var(--text-secondary);font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.contact-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.contact-item{align-items:center;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:12px;box-shadow:0 0 15px #00d4ff33;color:var(--primary-color);display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.contact-item:hover{background:#00d4ff40;border-color:#00d4ff80;box-shadow:0 0 25px #00d4ff4d;transform:translateY(-2px)}.contact-item svg{stroke-width:2;height:24px;width:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.about-section{padding:3rem 1.25rem}.features-grid{gap:1.5rem}.features-grid,.steps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.about-hero{padding:4rem 1rem}.about-section{padding:2.5rem 1rem}.section-title{font-size:1.75rem}.section-text{font-size:1rem}.features-grid{gap:1.25rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.stats-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.steps-grid{gap:1.5rem;grid-template-columns:1fr}.cta-buttons{align-items:stretch;flex-direction:column}.cta-button{width:100%}.contact-info{align-items:stretch;flex-direction:column}.contact-item{justify-content:center}}@media (max-width:480px){.about-hero{padding:3rem .75rem}.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.about-section{padding:2rem .75rem}.section-title{font-size:1.5rem}.section-text{font-size:.95rem}.feature-card{padding:1.25rem}.feature-icon{height:50px;width:50px}.feature-icon svg{height:25px;width:25px}.feature-title{font-size:1.1rem}.feature-description{font-size:.95rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-number{font-size:2.5rem}.stat-label{font-size:1rem}.step-number{font-size:1.5rem;height:50px;width:50px}.step-title{font-size:1.1rem}.step-description{font-size:.95rem}.cta-title{font-size:1.75rem}.cta-text{font-size:1rem}.cta-button{font-size:.95rem;padding:.875rem 1.5rem}.contact-item,.contact-text{font-size:1rem}.contact-item{padding:.875rem 1.5rem}}.submit-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:calc(100vh - 70px);padding:40px 20px}.submit-container{grid-gap:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-xl),0 0 30px #00d4ff33;display:grid;gap:40px;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1200px;overflow:hidden;padding:40px;position:relative}.submit-container:before{background:var(--ai-gradient);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.guidelines-column{border-right:2px solid var(--border-color);padding-right:20px}.guidelines-column h2{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:24px}.guideline-section{margin-bottom:28px}.guideline-section h3{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:12px}.guideline-section p{color:var(--text-secondary);font-size:15px;line-height:1.6}.guideline-section ul{list-style:none;margin:12px 0;padding:0}.guideline-section li{color:var(--text-secondary);font-size:15px;line-height:1.8;padding-left:8px}.form-column{padding-left:20px}.submit-form{display:flex;flex-direction:column;gap:24px}.form-group{gap:8px}.form-group label{font-size:15px}.form-group input[type=email],.form-group input[type=text],.form-group input[type=url],.form-group textarea{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff1a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light);opacity:1}.form-group textarea{min-height:100px;resize:vertical}.form-group small{font-size:13px}.category-selection-wrapper{width:100%}.category-search-wrapper{margin-bottom:12px;position:relative}.category-search-input{border:2px solid var(--border-color);border-radius:10px;font-size:14px;outline:none;padding:12px 16px 12px 44px;transition:all .3s ease}.category-search-input:focus{box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff1a}.category-search-wrapper .search-icon{color:var(--text-light);height:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.category-grid{grid-gap:10px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);max-height:400px;min-height:100px;overflow-x:hidden;overflow-y:auto;padding:14px;scrollbar-color:var(--primary-color) var(--bg-tertiary);scrollbar-width:thin}.category-grid::-webkit-scrollbar{width:8px}.category-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.category-grid::-webkit-scrollbar-thumb{background:var(--ai-gradient);border-radius:4px}.category-grid::-webkit-scrollbar-thumb:hover{background:var(--cyber-gradient)}.category-checkbox{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:18px;min-height:44px;padding:10px 12px;position:relative;transition:all .3s ease}.category-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:18px;margin:0;padding:0;position:relative;top:0;vertical-align:middle;width:18px}.category-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.category-checkbox:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.category-checkbox.selected{background:#00d4ff26;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d}.category-selection-info{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:10px 16px}.selection-count{color:var(--primary-color);font-size:14px;font-weight:600}.selection-limit{background:#fa709a26;border:1px solid #fa709a4d;border-radius:6px;color:var(--warning-color);font-size:12px;font-weight:500;padding:4px 8px}.category-loading{color:var(--text-secondary)}.category-loading,.category-no-results{font-size:14px;padding:40px;text-align:center}.category-no-results{color:var(--text-light);font-style:italic;grid-column:1/-1}.pricing-options{display:flex;flex-direction:column;gap:12px}.pricing-option{align-items:flex-start;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.pricing-option:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff33}.pricing-option.selected{background:#00d4ff26;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d}.pricing-option.selected strong{color:var(--primary-color)}.pricing-option:has(input[type=radio]:checked){background:#00d4ff26;border-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d}.pricing-option input[type=radio]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin-top:4px;width:18px}.pricing-option div{flex:1 1}.pricing-option strong{color:var(--text-primary);display:block;font-size:15px;margin-bottom:4px}.pricing-option p{color:var(--text-secondary);font-size:13px;line-height:1.4;margin:0}.file-upload-wrapper{position:relative}.file-input-hidden{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.file-upload-label{align-items:center;background:var(--bg-tertiary);border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;gap:12px;justify-content:center;min-height:60px;padding:20px;transition:all .3s ease}.file-upload-label:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.file-upload-label svg{color:var(--primary-color);flex-shrink:0;height:24px;width:24px}.file-placeholder{color:var(--text-secondary);font-size:14px;font-weight:500}.file-name{color:var(--text-primary);font-size:14px;font-weight:600}.file-preview{display:inline-block;margin-top:16px;position:relative}.logo-preview-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);max-height:150px;max-width:150px;object-fit:contain;padding:8px}.file-remove-btn{align-items:center;background:var(--warning-color);border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:28px}.file-remove-btn:hover{background:#fa709acc;box-shadow:0 0 15px #fa709a66;transform:scale(1.1)}.submit-btn{background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:16px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){border-color:#00f5ff80;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.success-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-xl),0 0 30px #00d4ff33;margin:100px auto;max-width:600px;padding:60px 40px;text-align:center}.success-message h2{color:var(--primary-color);font-size:32px;margin-bottom:20px}.success-message p{color:var(--text-secondary);font-size:16px;line-height:1.6}.error-message{border:2px solid var(--warning-color);font-size:14px;padding:14px 18px}@media (max-width:1024px){.submit-container{gap:30px;grid-template-columns:1fr;padding:30px}.guidelines-column{border-bottom:2px solid var(--border-color);border-right:none;margin-bottom:30px;padding-bottom:30px;padding-right:0}.form-column{padding-left:0}.category-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}.category-search-wrapper{margin-bottom:10px}.category-search-input{font-size:14px;padding:10px 14px 10px 40px}}@media (max-width:768px){.submit-page{padding:20px 15px}.submit-container{gap:24px;padding:24px 20px}.guidelines-column{margin-bottom:24px;padding-bottom:24px}.guidelines-column h2{font-size:24px;margin-bottom:20px}.guideline-section{margin-bottom:24px}.guideline-section h3{font-size:18px}.form-group{gap:10px}.form-group label{color:#fff;font-size:14px}.form-group input[type=email],.form-group input[type=text],.form-group input[type=url],.form-group textarea{font-size:14px;padding:10px 14px}.category-grid{gap:8px;grid-template-columns:repeat(2,1fr);max-height:350px;padding:12px}.category-search-wrapper{margin-bottom:10px}.category-search-input{font-size:13px;padding:10px 14px 10px 38px}.category-search-wrapper .search-icon{height:16px;left:12px;width:16px}.category-checkbox{align-items:center;flex-direction:row;gap:16px;min-height:40px;padding:8px 10px;text-align:left}.category-checkbox input[type=checkbox]{align-self:center;margin:0}.category-name{align-self:center;font-size:13px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.category-selection-info{align-items:flex-start;flex-direction:column;gap:8px}.pricing-option{align-items:flex-start;flex-direction:row;padding:12px}.pricing-option strong{font-size:14px}.pricing-option p{font-size:12px}.file-upload-label{flex-direction:column;gap:8px;min-height:80px;padding:16px}.logo-preview-image{max-height:120px;max-width:120px}.submit-btn{font-size:15px;padding:14px 28px}.success-message{margin:60px auto;padding:40px 24px}.success-message h2{font-size:28px}.success-message p{font-size:14px}}@media (max-width:480px){.submit-page{padding:15px 10px}.submit-container{border-radius:12px;padding:20px 16px}.guidelines-column h2{font-size:22px}.category-grid{gap:8px;grid-template-columns:1fr;max-height:280px;padding:10px}.category-search-input{font-size:13px;padding:10px 12px 10px 36px}.category-search-wrapper .search-icon{height:16px;left:10px;width:16px}.category-checkbox{align-items:center;flex-direction:row;gap:14px;min-height:38px;padding:8px 10px;text-align:left}.category-checkbox input[type=checkbox]{align-self:center;flex-shrink:0;height:16px;margin:0;width:16px}.category-name{align-self:center;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-label{font-size:13px;padding:14px}.submit-btn{font-size:14px;padding:12px 24px;width:100%}}.admin-login-page{align-items:center;background:var(--bg-primary);background-attachment:fixed;background-image:radial-gradient(circle at 20% 50%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 20%,#5b86e51a 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.admin-login-page:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff08 0,#00d4ff08 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#5b86e508 0,#5b86e508 4px);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.admin-login-container{max-width:450px;position:relative;width:100%;z-index:1}.admin-login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-xl),var(--shadow-cyber);overflow:hidden;padding:40px;position:relative}.admin-login-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.admin-login-card h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:2rem;font-weight:800;margin-bottom:10px;text-align:center}.admin-login-card>p{color:var(--text-secondary);margin-bottom:30px;text-align:center}.admin-login-card .form-group{margin-bottom:20px}.admin-login-card label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.admin-login-card input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.admin-login-card input::placeholder{color:var(--text-light)}.admin-login-card input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.login-btn{background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:10px;box-shadow:0 0 20px #00d4ff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 30px #00d4ff80,0 10px 25px #00d4ff4d;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.demo-credentials{background:#f8f9fa;border-radius:10px;margin-top:30px;padding:20px;text-align:center}.demo-credentials p{color:#666;font-size:.9rem;margin:5px 0}.demo-credentials code{background:#e9ecef;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-weight:600;padding:2px 8px}@media (max-width:768px){.admin-login-page{padding:15px}.admin-login-card{border-radius:16px;padding:30px 20px}.admin-login-card h1{font-size:1.75rem}}@media (max-width:480px){.admin-login-card{border-radius:12px;padding:25px 15px}.admin-login-card h1{font-size:1.5rem}.admin-login-card input{font-size:.95rem;padding:10px 14px}.login-btn{font-size:1rem;padding:12px}}.prompts-library{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin:0 auto 3rem;max-width:1400px;overflow:hidden;padding:2rem 3rem;position:relative;width:calc(100% - 6rem)}.prompts-library:before{display:none}.prompts-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2.5rem;padding:2.5rem 0;position:relative;text-align:center;width:100%}.prompts-header:after{display:none}.prompts-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e2e8f099;color:var(--text-secondary);display:inline-block;font-size:2.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 auto 1rem;padding-bottom:1.5rem;position:relative;text-align:center;width:auto}.prompts-header h1 span{animation:float 3s ease-in-out infinite;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.prompts-header p{box-sizing:border-box;color:var(--text-secondary);font-size:1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px;padding:0 1rem;text-align:center;width:100%}.prompts-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1rem}.filters-compact{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filter-search{flex:1 1;min-width:200px}.filter-search .filter-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:all .2s;width:100%}.filter-search .filter-input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 2px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.filter-search .filter-input::placeholder{color:var(--text-light)}.filter-dropdowns{display:flex;flex-wrap:wrap;gap:.625rem}.filter-select.compact{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8125rem;min-width:140px;padding:.625rem 2rem .625rem .875rem;transition:all .2s}.filter-select.compact:hover{border-color:var(--border-glow)}.filter-select.compact:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.clear-filters-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--warning-color);border-radius:6px;color:var(--warning-color);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:.375rem;margin-left:auto;padding:.625rem .875rem;transition:all .2s}.clear-filters-btn svg{height:14px;width:14px}.clear-filters-btn:hover{background:#fa709a26;border-color:var(--warning-color);box-shadow:0 0 10px #fa709a33;color:var(--warning-color)}.type-filters{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.875rem;padding-top:.875rem}.filters-row{grid-gap:1rem;align-items:flex-end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{flex-direction:column;min-width:0}.filter-group label{display:block;font-size:.8125rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap}.filter-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:.875rem;min-width:0;padding:.625rem .875rem;transition:all .2s;width:100%}.filter-input::placeholder{color:var(--text-light)}.filter-input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 2px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);box-sizing:border-box;font-size:.875rem;min-width:0;padding:.625rem 2.5rem .625rem .875rem;transition:all .2s;width:100%}.filter-select:hover{border-color:var(--border-glow)}.filter-select:focus{background-color:var(--bg-glass-hover);box-shadow:0 0 0 2px #00d4ff33,0 0 15px #00d4ff1a}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.type-filter-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.5rem .875rem;transition:all .2s}.type-filter-btn:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);color:var(--primary-color)}.type-filter-btn.active{background:var(--ai-gradient);border-color:var(--primary-color);box-shadow:0 0 10px #00d4ff4d;color:#fff}.type-filter-btn.active:hover{background:var(--cyber-gradient);border-color:var(--primary-color)}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 0}.results-count{color:var(--text-secondary);font-size:.875rem;font-weight:500}.sort-control{align-items:center;display:flex;gap:.5rem}.sort-control label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.sort-select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8125rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s}.sort-select:hover{border-color:var(--border-glow)}.sort-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.prompts-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.prompt-detail .prompts-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.prompts-grid{gap:1rem}.prompt-detail .prompts-grid,.prompts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.prompts-grid{gap:.875rem}.prompt-detail .prompts-grid,.prompts-grid{grid-template-columns:repeat(2,1fr)}}.prompt-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s}.prompt-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.prompt-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-4px)}.prompt-card:hover:before{opacity:1}.prompt-card-image-container{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;height:300px;justify-content:center;overflow:hidden;padding:0;position:relative;width:100%}.prompt-card-image{border-radius:0;display:block;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.prompt-card:hover .prompt-card-image{transform:scale(1.02)}.prompt-card-header{border-bottom:1px solid var(--border-color);padding:.875rem 1rem}.prompt-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.375rem;overflow:hidden}.prompt-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.prompt-type-badge{font-weight:600;text-transform:uppercase}.prompt-difficulty-badge,.prompt-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.6875rem;gap:.2rem;padding:.1875rem .5rem}.prompt-difficulty-badge{font-weight:500}.prompt-card-body{flex:1 1;padding:.875rem 1rem}.prompt-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.8125rem;line-height:1.4;margin-bottom:.75rem;overflow:hidden}.prompt-card-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;max-height:60px;overflow:hidden;padding:.625rem 2.5rem .625rem .625rem;position:relative}.prompt-card-text:after{background:linear-gradient(#0000,#f9fafb);bottom:0;content:"";height:20px;left:0;position:absolute;right:0}.prompt-card-copy-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s;z-index:1}.prompt-card-copy-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151;transform:scale(1.05)}.prompt-card-copy-btn svg{height:14px;width:14px}.prompt-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem}.prompt-tag{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:.25rem .625rem;transition:all .2s ease}.prompt-tag:hover{background:#00d4ff40;border-color:#00d4ff80;box-shadow:0 0 10px #00d4ff33}.prompt-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 1rem}.prompt-stats{gap:1rem}.prompt-stat,.prompt-stats{align-items:center;display:flex}.prompt-stat{color:var(--text-secondary);font-size:.8125rem;gap:.375rem}.prompt-stat svg{color:var(--text-light);height:16px;width:16px}.prompt-detail-header-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding-top:1rem}.prompt-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.prompt-actions{display:flex;gap:.5rem}.prompt-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.prompt-action-btn:hover{background:#f3f4f6;color:#1f2937}.prompt-action-btn svg{height:18px;width:18px}.prompt-action-icon-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000001a;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;min-width:auto;padding:.5rem .75rem;position:relative;transition:all .2s ease;white-space:nowrap}.prompt-action-icon-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 2px 6px #00d4ff26;transform:translateY(-1px)}.prompt-action-icon-btn svg{flex-shrink:0;height:18px;width:18px}.prompt-action-icon-btn .action-count{font-size:.8125rem;font-weight:600;line-height:1}.prompt-action-icon-btn.upvote{background:#00f5ff26;border-color:#00f5ff4d;color:var(--neon-cyan)}.prompt-action-icon-btn.upvote:hover{background:#00f5ff40;border-color:#00f5ff80;box-shadow:0 0 15px #00f5ff4d;color:var(--neon-cyan)}.prompt-action-icon-btn.active.upvote{background:#00f5ff4d;border-color:var(--neon-cyan);box-shadow:0 0 20px #00f5ff66;color:var(--neon-cyan)}.prompt-action-icon-btn.active.upvote:hover{background:#00f5ff66;box-shadow:0 0 25px #00f5ff80}.prompt-action-icon-btn.downvote{background:#fa709a26;border-color:#fa709a4d;color:var(--warning-color)}.prompt-action-icon-btn.downvote:hover{background:#fa709a40;border-color:#fa709a80;box-shadow:0 0 15px #fa709a4d;color:var(--warning-color)}.prompt-action-icon-btn.active.downvote{background:#fa709a4d;border-color:var(--warning-color);box-shadow:0 0 20px #fa709a66;color:var(--warning-color)}.prompt-action-icon-btn.active.downvote:hover{background:#fa709a66;box-shadow:0 0 25px #fa709a80}.prompt-action-icon-btn.save{background:#00d4ff26;border-color:#00d4ff4d;color:var(--primary-color)}.prompt-action-icon-btn.save:hover{background:#00d4ff40;border-color:#00d4ff80;box-shadow:0 0 15px #00d4ff4d;color:var(--primary-color)}.prompt-action-icon-btn.share{background:#8b5cf626;border-color:#8b5cf64d;color:var(--accent-color)}.prompt-action-icon-btn.share:hover{background:#8b5cf640;border-color:#8b5cf680;box-shadow:0 0 15px #8b5cf64d;color:var(--accent-color)}.prompt-detail{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);margin:0 auto;max-width:900px;min-height:100vh;padding:2rem}.prompt-detail-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:1.5rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative}.prompt-detail-header:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.prompt-detail-title{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.prompt-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.prompt-detail-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;margin-bottom:.75rem}.prompt-detail-body{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.prompt-text-section{margin-bottom:2rem}.prompt-text-section h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:var(--text-secondary);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem}.prompt-text-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);padding:1.25rem;position:relative}.prompt-text-content{word-wrap:break-word;background:#0000;border:none;color:var(--text-secondary);font-family:SF Mono,Monaco,Menlo,Ubuntu Mono,Consolas,Roboto Mono,Courier New,monospace;font-size:.9375rem;font-weight:400;letter-spacing:.02em;line-height:1.8;padding-right:5rem;white-space:pre-wrap}.prompt-text-content::selection{background:#00d4ff4d;color:var(--text-primary)}.prompt-text-content .prompt-parameter{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:4px;color:var(--primary-color);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9em;font-weight:600;padding:.125rem .25rem}.prompt-text-content .prompt-number{color:var(--accent-color);font-weight:500}.prompt-text-content .prompt-keyword{background:#00f5ff26;border:1px solid #00f5ff4d;border-radius:4px;color:var(--neon-cyan);font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.9em;font-weight:600;padding:.125rem .25rem}.prompt-text-content .prompt-link{color:var(--primary-color);text-decoration:underline;word-break:break-all}.prompt-text-content .prompt-link:hover{color:var(--neon-cyan);text-decoration:none}.copy-prompt-btn{align-items:center;background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:6px;box-shadow:0 0 10px #00d4ff4d;color:#fff;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;position:absolute;right:.75rem;top:.75rem;transition:all .3s ease}.copy-prompt-btn:hover{background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 20px #00d4ff80;transform:translateY(-2px)}.copy-prompt-btn.copied{background:#00f5ff4d;border-color:var(--neon-cyan);box-shadow:0 0 25px #00f5ff99}.copy-prompt-btn.copied:hover{background:#00f5ff66;box-shadow:0 0 30px #00f5ffb3}.prompt-parameters{margin-bottom:2rem}.prompt-parameters h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.parameters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.parameter-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;transition:all .3s ease}.parameter-item:hover{border-color:var(--border-glow);box-shadow:0 0 10px #00d4ff1a;transform:translateY(-2px)}.parameter-label{color:var(--text-light);font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase}.parameter-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.prompt-example{margin-bottom:2rem}.prompt-example h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem}.prompt-example h3:before{content:"🖼️";font-size:1.5rem}.prompt-example-featured{margin-bottom:3rem}.example-image-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin:0 auto;max-width:900px;overflow:hidden;padding:1rem 0;position:relative;transition:all .3s ease;width:100%}.example-image-container:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.example-image-container:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-4px)}.example-image-container:hover:before{opacity:1}.example-image-large{border:none;border-radius:0;box-shadow:0 4px 20px #0000004d,0 0 30px #00d4ff26;cursor:pointer;display:block;height:auto;max-height:600px;max-width:100%;object-fit:cover;transition:all .3s ease;width:100%}.example-image-large:hover{border-color:#00d4ff66;box-shadow:0 8px 30px #0006,0 0 40px #00d4ff40;opacity:.95;transform:scale(1.02)}.example-image-container-small{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md),0 0 20px #00d4ff1a;cursor:pointer;margin:0 auto;max-width:600px;overflow:hidden;padding:1rem 0;position:relative;transition:all .3s ease;width:100%}.example-image-container-small:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.example-image-container-small:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber),0 0 30px #00d4ff33;transform:translateY(-4px)}.example-image-container-small:hover:before{opacity:1}.example-image-medium{border:none;border-radius:0;box-shadow:0 4px 20px #0000004d,0 0 30px #00d4ff26;cursor:pointer;display:block;height:auto;max-height:500px;max-width:100%;object-fit:cover;position:relative;transition:all .3s ease;width:100%;z-index:0}.example-image-medium:hover{border-color:#00d4ff66;box-shadow:0 8px 30px #0006,0 0 40px #00d4ff40;opacity:.95;transform:scale(1.03)}.example-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%}.image-viewer-modal{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-viewer-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.image-viewer-content img{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:100%}.image-viewer-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00d4ff33;border:2px solid #00d4ff66;border-radius:50%;box-shadow:0 0 20px #00d4ff4d;color:#00d4ff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-2.5rem;transition:all .3s ease;width:40px}.image-viewer-close:hover{background:#00d4ff4d;border-color:#00d4ff;box-shadow:0 0 30px #00d4ff80;transform:scale(1.1)}.image-viewer-close svg{height:24px;width:24px}.example-video{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md),0 0 20px #00d4ff1a;width:100%}.file-upload-btn{align-items:center;background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:8px;box-shadow:0 0 10px #00d4ff4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.file-upload-btn:hover{background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 20px #00d4ff80,0 4px 6px #00d4ff4d;transform:translateY(-1px)}.file-upload-btn:active{transform:translateY(0)}.file-upload-btn svg{flex-shrink:0}.prompt-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative}.prompt-form:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.prompt-form h3{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.form-section{margin-bottom:2rem}.form-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.form-group label{line-height:1.4}.form-group label.required:after{color:var(--warning-color)}.form-input,.form-select,.form-textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:.625rem .875rem;transition:all .2s;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.form-textarea{font-family:Courier New,monospace;min-height:120px;resize:vertical}.form-select{padding-right:2.5rem}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-help{font-size:.8125rem;margin-top:.375rem}.tags-input-container{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-wrap:wrap;gap:.5rem;min-height:48px;padding:.75rem}.tag-item{align-items:center;background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;color:var(--primary-color);display:flex;font-size:.875rem;gap:.375rem;padding:.375rem .75rem;transition:all .2s}.tag-item:hover{background:#00d4ff40;border-color:#00d4ff80;box-shadow:0 0 10px #00d4ff33}.tag-remove{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;padding:0;transition:all .2s}.tag-remove:hover{color:var(--warning-color);transform:scale(1.2)}.tag-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;min-width:120px;outline:none}.tag-input::placeholder{color:var(--text-light)}.form-actions{border-top:1px solid var(--border-color);padding-top:2rem}.filter-group-buttons{grid-column:1/-1}.filter-group-buttons .btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.625rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-group-buttons .btn svg{flex-shrink:0;height:16px;width:16px}.filter-group-buttons .btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-ai-generate{background:linear-gradient(135deg,#6366f1,#ec4899);border:1px solid #00f5ff4d;box-shadow:0 0 10px #6366f14d;color:#fff}.btn-ai-generate:hover{background:linear-gradient(135deg,#ec4899,#a855f7);box-shadow:0 0 20px #6366f180;transform:translateY(-1px)}.btn-add-prompt{background:var(--ai-gradient);border:1px solid #00f5ff4d;box-shadow:0 0 10px #00d4ff4d;color:#fff}.btn-add-prompt:hover{background:var(--cyber-gradient);box-shadow:0 0 20px #00d4ff80;transform:translateY(-1px)}.prompt-form .btn{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.prompt-form .btn-primary{background:var(--ai-gradient);border:1px solid #00f5ff4d;box-shadow:0 0 10px #00d4ff4d;color:#fff}.prompt-form .btn-primary:hover:not(:disabled){background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 20px #00d4ff80,0 4px 12px #00d4ff4d;transform:translateY(-2px)}.prompt-form .btn-primary:disabled{cursor:not-allowed;opacity:.6}.prompt-form .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.prompt-form .btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 10px #00d4ff33;transform:translateY(-2px)}.prompt-form .btn svg{flex-shrink:0;height:18px;width:18px}.prompt-stats-text{color:var(--text-secondary);font-size:.75rem;line-height:1.6}.prompts-empty{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.prompts-empty:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.prompts-empty svg{color:var(--text-light);height:64px;margin-bottom:1rem;width:64px}.prompts-empty h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.prompts-empty p{color:var(--text-secondary);font-size:1rem}.prompts-loading{padding:4rem 2rem;text-align:center}.spinner{margin:0 auto 1rem}.prompts-pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.load-more-container{align-items:center;display:flex;justify-content:center;margin:2rem 0;padding:2rem 0}.load-more-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 6px #3b82f633;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.load-more-btn:hover{box-shadow:0 6px 12px #3b82f64d;transform:translateY(-2px)}.load-more-btn:active{transform:translateY(0)}.loading-more{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1rem}.loading-more .spinner{border:3px solid var(--bg-tertiary);border-top-color:var(--primary-color);box-shadow:0 0 15px #00d4ff4d;height:32px;width:32px}.loading-more p{color:var(--text-secondary);font-size:.875rem}.end-of-results{color:var(--text-secondary);margin:2rem 0;padding:2rem;text-align:center}.end-of-results p{font-size:.9375rem;margin:.5rem 0}.end-of-results-subtitle{color:var(--text-light)!important;font-size:.8125rem!important}@media (max-width:768px){.prompts-library{border-radius:12px;margin:0 auto 2rem;padding:1rem 1.5rem;width:calc(100% - 3rem)}.prompts-grid{gap:1rem;grid-template-columns:1fr}.filters-row{flex-direction:column}.prompt-card-image-container{height:280px;padding:0}.prompt-card-image{border-radius:0;height:100%;object-fit:contain;object-position:center;width:100%}.prompt-card-body,.prompt-card-header{padding:.75rem}.prompt-card-text{padding-right:2.25rem}.prompt-card-copy-btn{padding:.3125rem;right:.375rem;top:.375rem}.prompt-card-copy-btn svg{height:12px;width:12px}.prompt-card-footer{padding:.625rem .75rem}.prompts-header{align-items:center;justify-content:center;padding:1.5rem 0;width:100%}.prompts-header h1{box-sizing:border-box;font-size:2rem;margin:0 auto .75rem}.prompts-header h1,.prompts-header p{padding:0 1rem;text-align:center;width:100%}.prompts-header p{font-size:.9375rem;margin:0 auto;max-width:100%}.filters-compact{align-items:stretch;flex-direction:column}.filter-search{min-width:100%;width:100%}.filter-dropdowns{width:100%}.filter-dropdowns .filter-select.compact{flex:1 1;min-width:100%}.clear-filters-btn{justify-content:center;margin-left:0;margin-top:.5rem;width:100%}.type-filters{gap:.5rem}.type-filter-btn{flex:1 1;justify-content:center;min-width:calc(50% - .25rem)}.results-header{align-items:flex-start;flex-direction:column;gap:.75rem}.sort-control{justify-content:space-between;width:100%}.sort-select{flex:1 1;max-width:200px}.prompt-detail{padding:1rem}.prompt-detail-header{margin-bottom:1rem;padding:1rem}.prompt-detail-title{font-size:1.25rem;margin-bottom:.5rem}.prompt-detail-meta{gap:.375rem;margin-bottom:.5rem}.prompt-detail-description{font-size:.875rem;margin-bottom:.5rem}.prompt-detail-header-footer{align-items:flex-start;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.75rem}.prompt-stats{gap:.75rem}.prompt-detail-actions{justify-content:flex-start;width:100%}.prompt-action-icon-btn{font-size:.75rem;padding:.4375rem .625rem}.prompt-action-icon-btn svg{height:16px;width:16px}.prompt-text-box{border-radius:8px;padding:1rem}.prompt-text-content{font-size:.875rem;line-height:1.6;padding-bottom:3rem;padding-right:0}.copy-prompt-btn{bottom:.75rem;font-size:.8125rem;padding:.5rem .875rem;right:.75rem;top:auto;width:auto}.parameters-grid{grid-template-columns:1fr}.prompt-form{padding:1.5rem}.prompt-form h3{font-size:1.25rem}.filters-row{gap:1rem;grid-template-columns:1fr}.filter-group{min-width:100%;width:100%}.filter-group-buttons{grid-column:1}.filter-group-buttons .btn{min-width:100%;width:100%}.form-actions{flex-direction:column;gap:.75rem}.form-actions .btn{justify-content:center}.form-actions .btn,.prompt-form .btn{min-width:100%;width:100%}.file-upload-btn{justify-content:center;width:100%}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tools-table{font-size:.8rem;min-width:800px}.tools-table td,.tools-table th{padding:.5rem .75rem}.tools-table th{font-size:.7rem}}@media (max-width:1024px){.filters-row{grid-template-columns:repeat(2,1fr)}.filter-group-buttons{grid-column:1/-1}.filter-group-buttons .btn{min-width:calc(50% - .25rem)}}@media (max-width:480px){.prompts-library{border-radius:10px;margin:0 auto 1.5rem;padding:1rem;width:calc(100% - 2rem)}.filters-row{grid-template-columns:1fr}.prompts-grid{gap:.875rem}.prompt-detail .prompts-grid{grid-template-columns:repeat(2,1fr)}.prompt-card-image-container{height:260px;padding:0}.prompt-card-image{height:100%;object-fit:contain;object-position:center;width:100%}.prompt-card{border-radius:10px}.prompt-card-body,.prompt-card-header{padding:.875rem}.prompt-card-text{padding-right:2rem}.prompt-card-copy-btn{padding:.3125rem;right:.375rem;top:.375rem}.prompt-card-copy-btn svg{height:12px;width:12px}.prompt-card-footer{padding:.75rem .875rem}.prompt-text-box{border-radius:6px;padding:.875rem}.prompt-text-content{font-size:.8125rem;line-height:1.5;padding-bottom:2.75rem;word-break:break-word}.copy-prompt-btn{bottom:.625rem;font-size:.75rem;padding:.4375rem .75rem;right:.625rem}.copy-prompt-btn svg{height:12px!important;width:12px!important}.prompt-text-content .prompt-keyword,.prompt-text-content .prompt-parameter{font-size:.85em;padding:.1rem .2rem}.prompt-text-content .prompt-link{font-size:.9em;word-break:break-all}.load-more-btn{font-size:.875rem;padding:1rem;width:100%}.prompt-form{padding:1rem}.prompt-form h3{font-size:1.125rem}.form-group{margin-bottom:1rem}.form-input,.form-select,.form-textarea{font-size:.875rem;padding:.625rem .875rem}.form-textarea{min-height:100px}.tools-table{font-size:.75rem;min-width:700px}.tools-table th{font-size:.65rem;padding:.5rem}.tools-table td{padding:.5rem}.table-actions{gap:.125rem}.btn-icon-sm{height:24px;width:24px}.btn-icon-sm svg{height:12px;width:12px}}@media (max-width:360px){.prompt-card-image-container{height:240px;padding:0}.prompt-card-image{height:100%;object-fit:contain;object-position:center;width:100%}.prompts-grid{gap:.75rem}.prompt-detail .prompts-grid{grid-template-columns:1fr}.prompt-form{padding:.75rem}.prompt-form h3{font-size:1rem;margin-bottom:1rem}.filters-row{gap:.75rem}.filter-group-buttons .btn{font-size:.8125rem;padding:.625rem .875rem}.form-actions{gap:.75rem}.form-actions .btn{font-size:.875rem;padding:.75rem 1.25rem}.prompt-form{padding:1rem}.prompt-form h3{font-size:1.125rem;margin-bottom:1.25rem}.form-group{margin-bottom:1rem}.form-input,.form-select,.form-textarea{font-size:.875rem;padding:.5625rem .75rem}}.admin-profile-container{margin:0 auto;max-width:1200px;padding:2rem}.admin-profile-header{margin-bottom:2rem}.admin-profile-header h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-profile-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.profile-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.profile-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.profile-info{align-items:center;display:flex;gap:2rem}.profile-avatar{border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 0 20px #00d4ff4d;flex-shrink:0;height:100px;overflow:hidden;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:var(--ai-gradient);color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.profile-details h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.profile-email,.profile-role{margin-bottom:.5rem}.badge-admin,.profile-meta{font-size:.875rem}.profile-meta{color:var(--text-secondary);margin-top:.5rem}.profile-actions-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;position:relative}.profile-actions-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.profile-actions-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.action-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.action-item:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 10px #00d4ff1a}.action-info h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.action-info p{color:var(--text-secondary);font-size:.875rem}.password-change-form{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.password-change-form h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.form-group input{background:var(--bg-secondary)}@media (max-width:768px){.admin-profile-container{padding:1rem}.admin-profile-header h1{font-size:1.5rem}.profile-info{flex-direction:column;text-align:center}.profile-avatar{height:80px;width:80px}.action-item{align-items:flex-start;flex-direction:column;gap:1rem}.action-item .btn{justify-content:center;width:100%}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.admin-profile-container{padding:.75rem}.profile-actions-card,.profile-card{padding:1.5rem}.profile-details h2{font-size:1.5rem}}.admin-users-container{margin:0 auto;max-width:1400px;padding:2rem}.admin-users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-users-header h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:2rem;font-weight:700;margin-bottom:.5rem}.alert{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:.95rem}.alert-error{background:#fa709a26;border:1px solid #fa709a4d;box-shadow:0 0 10px #fa709a33;color:var(--warning-color)}.alert-success{background:#00f5ff26;border:1px solid #00f5ff4d;box-shadow:0 0 10px #00f5ff33;color:var(--neon-cyan)}.add-admin-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.add-admin-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.add-admin-card h3{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.form-group input::placeholder{color:var(--text-light)}.form-group input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-actions{margin-top:1.5rem}.btn{border-radius:6px;font-size:1rem}.btn-primary{box-shadow:0 0 10px #00d4ff4d}.btn-primary:hover:not(:disabled){background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 20px #00d4ff80,0 4px 12px #00d4ff4d;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 10px #00d4ff33}.admin-users-table{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-collapse:collapse;border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;position:relative;width:100%}.admin-users-table:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.admin-users-table thead{background:var(--bg-secondary)}.admin-users-table th{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:.875rem;font-weight:600;padding:1rem;text-align:left}.admin-users-table td{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem;padding:1rem}.admin-users-table tbody tr:hover{background:var(--bg-glass-hover)}.admin-users-table tbody tr:last-child td{border-bottom:none}.admin-user-info{align-items:center;display:flex;gap:.75rem}.admin-avatar-sm{border:1px solid var(--border-color);border-radius:50%;height:32px;object-fit:cover;width:32px}.admin-avatar-sm.placeholder{align-items:center;display:flex;font-size:.875rem;justify-content:center}.admin-avatar-sm.placeholder,.badge-admin{background:var(--ai-gradient);box-shadow:0 0 10px #00d4ff4d;color:#fff;font-weight:600}.badge-admin{border:1px solid #00f5ff4d;border-radius:6px;display:inline-block;font-size:.75rem;padding:.25rem .75rem}.table-actions{gap:.5rem}.btn-icon-sm{display:inline-flex;padding:.5rem}.btn-icon-sm.btn-primary{background:#00d4ff26;border-color:#00d4ff4d;color:var(--primary-color)}.btn-icon-sm.btn-primary:hover:not(:disabled){background:#00d4ff40;box-shadow:0 0 10px #00d4ff4d}.btn-icon-sm.btn-danger{background:#fa709a26;border-color:#fa709a4d;color:var(--warning-color)}.btn-icon-sm.btn-danger:hover:not(:disabled){background:#fa709a40;box-shadow:0 0 10px #fa709a4d}.btn-icon-sm:disabled{cursor:not-allowed;opacity:.5}.btn-icon-sm svg{height:18px;width:18px}.empty-state-new,.loading-state{gap:1rem;min-height:400px;padding:3rem}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d;height:40px;width:40px}.empty-state-new h3{font-size:1.5rem;font-weight:600}.empty-state-new p{color:var(--text-secondary)}@media (max-width:768px){.admin-users-container{padding:1rem}.admin-users-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-users-header h1{font-size:1.5rem}.admin-users-header .btn{justify-content:center;width:100%}.add-admin-card{padding:1.5rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.table-container{overflow-x:auto}.admin-users-table{min-width:600px}}@media (max-width:480px){.admin-users-container{padding:.75rem}.admin-users-header h1{font-size:1.25rem}.add-admin-card{padding:1rem}.admin-users-table{font-size:.875rem;min-width:500px}.admin-users-table td,.admin-users-table th{padding:.75rem .5rem}}.sitemap-generator-container{margin:0 auto;max-width:1200px;padding:2rem}.sitemap-generator-header{margin-bottom:2rem}.sitemap-generator-header h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.sitemap-generator-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.sitemap-info-section{margin-bottom:2rem}.sitemap-info-section h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.sitemap-info-section p{color:#666;line-height:1.6;margin-bottom:1.5rem}.sitemap-features,.sitemap-notes{background:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1rem}.sitemap-features h4,.sitemap-notes h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.sitemap-features ul,.sitemap-notes ul{list-style:none;margin:0;padding-left:0}.sitemap-features li,.sitemap-notes li{color:#555;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.sitemap-features li:before{background:#4caf50;border-radius:50%;content:"";height:6px;left:0;position:absolute;top:.75rem;width:6px}.sitemap-notes li:before{color:#666;content:"•";font-weight:700;left:0;position:absolute}.sitemap-notes code{background:#e9ecef;border-radius:4px;color:#d63384;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.sitemap-actions{border-bottom:1px solid #e9ecef;border-top:1px solid #e9ecef;display:flex;justify-content:center;margin:2rem 0;padding:2rem 0}.btn-large{align-items:center;display:flex;font-size:1.1rem;gap:.75rem;padding:1rem 2rem}.btn-large svg{height:20px;width:20px}.spinner-sm{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:18px;width:18px}.sitemap-results{border-top:2px solid #e9ecef;margin-top:2rem;padding-top:2rem}.sitemap-results h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.sitemap-urls{margin-bottom:2rem}.sitemap-url-item{margin-bottom:1.5rem}.sitemap-url-item strong{color:#1a1a1a;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.sitemap-url-box{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem;padding:.75rem}.sitemap-url-box code{background:#0000;color:#06c;flex:1 1;font-family:Courier New,monospace;font-size:.9rem;min-width:200px;padding:0;word-break:break-all}.sitemap-url-box .btn-sm{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.sitemap-count{color:#666;font-size:.875rem;white-space:nowrap}.sitemap-list{display:flex;flex-direction:column;gap:.5rem}.sitemap-stats{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem;padding:1.5rem}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-item strong{color:#666;font-size:.875rem;font-weight:500}.stat-item span{color:#1a1a1a;font-size:1.25rem;font-weight:600}.sitemap-submit-section{background:#e7f3ff;border-left:4px solid #06c;border-radius:8px;margin-top:2rem;padding:1.5rem}.sitemap-submit-section h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.sitemap-submit-section p{color:#555;line-height:1.6;margin-bottom:1rem}.sitemap-submit-section ol{color:#555;line-height:1.8;padding-left:1.5rem}.sitemap-submit-section li{margin-bottom:.5rem}.sitemap-submit-section a{color:#06c;text-decoration:none}.sitemap-submit-section a:hover{text-decoration:underline}.sitemap-submit-section code{background:#fff;border-radius:4px;color:#d63384;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#fee;border-left:4px solid #dc3545;color:#721c24}.alert-success{background:#d4edda;border-left:4px solid #28a745;color:#155724}.alert svg{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.sitemap-generator-container{padding:1rem}.sitemap-generator-header h1{font-size:1.5rem}.sitemap-generator-card{padding:1.5rem}.sitemap-url-box{align-items:flex-start;flex-direction:column}.sitemap-url-box code{min-width:100%;word-break:break-all}.sitemap-url-box .btn-sm{justify-content:center;width:100%}.sitemap-stats{gap:1rem}.sitemap-actions,.sitemap-stats{flex-direction:column}.btn-large{justify-content:center;width:100%}}@media (max-width:480px){.sitemap-generator-container{padding:.75rem}.sitemap-generator-header h1{font-size:1.25rem}.sitemap-generator-card{padding:1rem}.sitemap-info-section h3{font-size:1.25rem}}.admin-layout{background:var(--bg-primary);background-attachment:fixed;background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);display:flex;min-height:100vh}.admin-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg),0 0 30px #00d4ff1a;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s ease;width:260px;z-index:1000}.admin-sidebar.collapsed{width:70px}.sidebar-header{border-bottom:2px solid var(--border-color);justify-content:space-between;padding:1.5rem}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#ec4899 50%,#a855f7);-webkit-background-clip:text;background-clip:text;color:var(--text-secondary);font-size:1.25rem;font-weight:700;gap:.75rem}.sidebar-brand svg{color:var(--primary-color);filter:drop-shadow(0 0 10px rgba(0,212,255,.5));height:28px;width:28px}.sidebar-toggle{background:#0000;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem;transition:background .2s}.sidebar-toggle:hover{background:#6366f11a;color:var(--primary-color)}.sidebar-toggle svg{height:20px;width:20px}.sidebar-toggle .sidebar-close-icon{display:none}@media (max-width:768px){.admin-sidebar.open .sidebar-toggle .sidebar-toggle-icon{display:none}.admin-sidebar.open .sidebar-toggle .sidebar-close-icon{display:block}}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;background:#0000;border:none;color:var(--text-light);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1.5rem;position:relative;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#6366f11a;color:var(--primary-color)}.nav-item.active{background:#6366f126;border-left:3px solid var(--primary-color);box-shadow:0 2px 8px #6366f133;color:var(--primary-color);font-weight:600}.nav-item svg{flex-shrink:0;height:20px;width:20px}.nav-item .badge{margin-left:auto}.sidebar-footer{border-top:2px solid var(--border-color);padding:1rem 0}.admin-sidebar.collapsed .nav-item span,.admin-sidebar.collapsed .sidebar-brand span{display:none}.admin-sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}@media (max-width:768px){.admin-sidebar.open .nav-item span,.admin-sidebar.open .sidebar-brand span{display:block}}.admin-main{background:#0000;flex:1 1;margin-left:260px;min-height:100vh;padding:2rem;transition:margin-left .3s ease}.admin-sidebar.collapsed~.admin-main{margin-left:70px}.admin-header-new{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-header-new>div:first-child{flex:1 1}.admin-header-new>div:last-child{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.db-connection-status{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.db-connection-status span{white-space:nowrap}.admin-header-new h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:2rem;font-weight:700;margin:0 0 .5rem}.text-muted{color:var(--text-secondary);font-size:.95rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.stat-card-new{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.stat-card-new:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card-new:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-2px)}.stat-card-new:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;width:40px}.stat-icon svg{height:20px;width:20px}.stat-icon.pending{background:#fa709a26;border:1px solid #fa709a4d;box-shadow:0 0 10px #fa709a33;color:var(--warning-color)}.stat-icon.approved{background:#00f5ff26;border:1px solid #00f5ff4d;box-shadow:0 0 10px #00f5ff33;color:var(--neon-cyan)}.stat-icon.rejected{background:#fa709a26;border:1px solid #fa709a4d;box-shadow:0 0 10px #fa709a33;color:var(--warning-color)}.stat-icon.total{background:#00d4ff26;border:1px solid #00d4ff4d;box-shadow:0 0 10px #00d4ff33;color:var(--primary-color)}.stat-details{flex:1 1;min-width:0}.stat-value-new{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.125rem}.stat-label-new{color:var(--text-secondary);font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-bar{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.filters-bar:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.search-box{flex:1 1;min-width:250px;position:relative}.search-box svg{color:var(--text-light);height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.search-box input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s;width:100%}.search-box input::placeholder{color:var(--text-light)}.search-box input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.filter-btn:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px #6366f14d;color:#fff;font-weight:600}.table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow-x:auto;position:relative}.table-container:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.tools-table{border-collapse:collapse;font-size:.875rem;width:100%}.tools-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-color)}.tools-table th{color:var(--text-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.tools-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .2s}.tools-table tbody tr:hover{background:var(--bg-glass-hover)}.tools-table tbody tr.editing-row{background:#00d4ff1a;border-left:3px solid var(--primary-color);box-shadow:0 0 10px #00d4ff33}.tools-table td{padding:.75rem 1rem;vertical-align:middle}.table-logo,.table-logo-placeholder{border-radius:8px;height:40px;object-fit:cover;width:40px}.table-logo-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 2px 8px #6366f14d;color:#fff;display:flex;font-size:1.125rem;font-weight:700;justify-content:center}.table-logo-edit{align-items:center;display:flex;gap:.5rem}.table-tool-name{color:var(--text-primary);font-weight:600}.table-link{color:var(--primary-color);font-size:.8125rem;text-decoration:none;transition:all .2s}.table-link:hover{color:var(--neon-cyan);text-decoration:underline;text-shadow:0 0 5px #00f5ff80}.table-description{line-height:1.4}.table-categories,.table-description{color:var(--text-secondary);font-size:.8125rem}.badge{border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.badge-pending-approval{background:#fa709a26;border:1px solid #fa709a4d;box-shadow:0 0 5px #fa709a33;color:var(--warning-color)}.badge-approved{background:#00f5ff26;border:1px solid #00f5ff4d;box-shadow:0 0 5px #00f5ff33;color:var(--neon-cyan)}.badge-rejected{background:#fa709a26;border:1px solid #fa709a4d;box-shadow:0 0 5px #fa709a33;color:var(--warning-color)}.badge-pricing-free{background:#00f5ff26;border:1px solid #00f5ff4d;color:var(--neon-cyan)}.badge-pricing-freemium{background:#00d4ff26;border:1px solid #00d4ff4d;color:var(--primary-color)}.badge-pricing-free_trial{background:#fa709a26;border:1px solid #fa709a4d;color:var(--warning-color)}.badge-pricing-paid{background:#8b5cf626;border:1px solid #8b5cf64d;color:var(--accent-color)}.badge-danger{background:#fa709a4d;border:1px solid #fa709a80;box-shadow:0 0 10px #fa709a4d;color:var(--warning-color);font-size:.65rem;padding:.125rem .5rem}.table-actions{display:flex;flex-wrap:wrap;gap:.25rem}.btn-icon-sm{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-icon-sm:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);transform:scale(1.1)}.btn-icon-sm svg{height:14px;width:14px}.btn-icon-sm.btn-success{background:#10b9811a;border-color:#10b9814d;color:#10b981}.btn-icon-sm.btn-success:hover{background:#10b98133;box-shadow:0 2px 8px #10b9814d;color:#059669}.btn-icon-sm.btn-danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-icon-sm.btn-danger:hover{background:#ef444433;box-shadow:0 2px 8px #ef44444d;color:#dc2626}.btn-icon-sm.btn-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.btn-icon-sm.btn-warning:hover{background:#f59e0b33;box-shadow:0 2px 8px #f59e0b4d;color:#d97706}.btn-icon-sm.btn-secondary{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}.btn-icon-sm.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-glow)}.form-input-sm,.form-select-sm,.form-textarea-sm{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary)!important;font-family:inherit;font-size:.8125rem;padding:.375rem .5rem;transition:all .2s;width:100%}.form-input-sm::placeholder,.form-textarea-sm::placeholder{color:var(--text-light)!important;opacity:.7}.form-input-sm:focus,.form-select-sm:focus,.form-textarea-sm:focus{background:var(--bg-glass-hover)!important;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-input-sm input,.form-input-sm:focus,.form-input-sm[type=email],.form-input-sm[type=text],.form-input-sm[type=url],.form-select-sm:focus,.form-textarea-sm:focus{-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important}.blog-admin input.form-input-sm,.blog-admin input[type=text],.blog-admin input[type=url],.blog-admin select.form-input-sm{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.blog-admin input.form-input-sm:focus,.blog-admin input[type=text]:focus,.blog-admin input[type=url]:focus,.blog-admin select.form-input-sm:focus{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-glass-hover)!important;color:var(--text-primary)!important}.blog-admin select,.form-select,select.form-input-sm{-webkit-text-fill-color:var(--text-primary)!important;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:.8125rem;padding:.75rem;width:100%}.blog-admin select,.blog-admin select option,.form-select,select.form-input-sm{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.blog-admin select:focus{background:var(--bg-glass-hover)!important;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-select{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2300d4ff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s;width:100%}.form-select:focus{background-color:var(--bg-glass-hover);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2300f5ff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}.form-select option:checked{background:#00d4ff33;color:var(--primary-color)}.form-textarea-sm{min-height:50px;resize:vertical}.category-form-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative}.category-form-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.category-form-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.875rem}.btn{font-size:.95rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s;white-space:nowrap}.btn svg{height:18px;width:18px}.btn-primary{background:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:#5856eb;border-color:#5856eb;box-shadow:0 4px 12px #6366f166}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{box-shadow:0 0 10px #00d4ff33}.btn-group{display:flex;flex-wrap:wrap;gap:.5rem}.empty-state-new,.loading-state{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.empty-state-new:before,.loading-state:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.spinner{height:48px;width:48px}.empty-state-new p,.loading-state p{color:var(--text-secondary);margin:0}.empty-state-new svg{color:var(--text-light);filter:drop-shadow(0 0 10px rgba(0,212,255,.3));height:64px;margin-bottom:1rem;width:64px}.empty-state-new h3{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.mobile-menu-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md),0 0 20px #00d4ff33;color:var(--text-primary);cursor:pointer;display:none;left:1rem;padding:.75rem;position:fixed;top:1rem;transition:all .2s;z-index:1001}.mobile-menu-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:var(--shadow-lg),0 0 30px #00d4ff4d;transform:scale(1.05)}.mobile-menu-btn svg{height:24px;width:24px}.sidebar-overlay{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0a0e27cc;bottom:0;display:none;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:999}@media (max-width:1024px){.admin-sidebar{width:70px}.admin-sidebar:not(.collapsed) .nav-item span,.admin-sidebar:not(.collapsed) .sidebar-brand span{display:none}.admin-sidebar:not(.collapsed) .nav-item{justify-content:center;padding:.75rem}.admin-main{margin-left:70px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.mobile-menu-btn,.sidebar-overlay{display:block}.admin-sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s ease;width:260px}.admin-sidebar.open{transform:translateX(0)}.admin-sidebar.open .nav-item span,.admin-sidebar.open .sidebar-brand span{display:block}.admin-sidebar.open .nav-item{justify-content:flex-start;padding:.75rem 1.5rem}.admin-main{margin-left:0;padding:4rem 1rem 1rem}.admin-main,.admin-main>*{box-sizing:border-box;width:100%}.admin-header-new{margin-bottom:1.5rem}.admin-header-new h1{font-size:1.5rem}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card-new{padding:.75rem}.stat-value-new{font-size:1.25rem}.stat-label-new{font-size:.7rem}.filters-bar{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.search-box{min-width:100%}.filter-buttons{justify-content:space-between;width:100%}.filter-btn{flex:1 1;font-size:.8125rem;padding:.625rem .5rem}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.tools-table{font-size:.8rem;min-width:900px}.tools-table td,.tools-table th{padding:.5rem .75rem}.category-form-card{padding:1rem}.admin-header-new>div{align-items:flex-start!important;flex-direction:column;gap:1rem}.admin-header-new>div:last-child{align-items:stretch;flex-direction:column;width:100%}.admin-header-new .btn-secondary,.btn,.db-connection-status{justify-content:center;width:100%}.btn-group{flex-direction:column}.btn-group .btn{width:100%}}@media (max-width:480px){.admin-main{padding:3.5rem .75rem .75rem}.admin-main,.admin-main>*{box-sizing:border-box;width:100%}.mobile-menu-btn{left:.75rem;padding:.625rem;top:.75rem}.admin-header-new h1{font-size:1.25rem}.stats-grid{gap:.5rem;grid-template-columns:1fr}.stat-card-new{padding:.625rem}.stat-icon{height:36px;width:36px}.stat-icon svg{height:18px;width:18px}.stat-value-new{font-size:1.125rem}.filters-bar{padding:.75rem}.filter-buttons{flex-direction:column;gap:.5rem}.filter-btn{padding:.75rem;width:100%}.tools-table{font-size:.75rem;min-width:800px}.tools-table th{font-size:.7rem;padding:.5rem}.tools-table td{padding:.5rem}.table-logo,.table-logo-placeholder{height:32px;width:32px}.btn-icon-sm{height:24px;width:24px}.btn-icon-sm svg{height:12px;width:12px}.table-actions{gap:.125rem}.category-form-card{padding:.75rem}.category-form-card h3{font-size:1.125rem}}.blog-admin{box-sizing:border-box;width:100%}@media (max-width:768px){.blog-admin{padding:0}.blog-admin .admin-header-new{margin-bottom:1.5rem}.blog-admin .admin-header-new>div{align-items:flex-start!important;flex-direction:column;gap:1rem}.blog-admin .admin-header-new .btn{justify-content:center;width:100%}.blog-admin>div[style*="display: flex"]{align-items:stretch!important;flex-direction:column!important}.blog-admin>div[style*="display: flex"] button,.blog-admin>div[style*="display: flex"] input,.blog-admin>div[style*="display: flex"] select{min-width:100%!important;width:100%!important}.blog-admin .category-form-card,.blog-admin div[style*="background: #f0f9ff"]{padding:1rem!important}.blog-admin div[style*="background: #f0f9ff"]>div{align-items:stretch!important;flex-direction:column!important}.blog-admin div[style*="background: #f0f9ff"] button{margin-top:.5rem;width:100%!important}.blog-admin .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.blog-admin table{font-size:.8rem;min-width:800px}.blog-admin table td,.blog-admin table th{padding:.5rem .75rem}.blog-admin .action-buttons{display:flex;flex-wrap:wrap;gap:.25rem}.blog-admin .btn-icon{font-size:.875rem;padding:.375rem!important}}@media (max-width:480px){.blog-admin .admin-header-new h1{font-size:1.25rem}.blog-admin table{font-size:.75rem;min-width:700px}.blog-admin table th{font-size:.7rem;padding:.5rem}.blog-admin table td{padding:.5rem}}.admin-submit-tool .form-group input[type=text],.admin-submit-tool .form-group input[type=url],.admin-submit-tool .form-group textarea{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.admin-submit-tool .form-group input[type=text]::placeholder,.admin-submit-tool .form-group input[type=url]::placeholder,.admin-submit-tool .form-group textarea::placeholder{color:var(--text-light)}.admin-submit-tool .form-group input[type=text]:focus,.admin-submit-tool .form-group input[type=url]:focus,.admin-submit-tool .form-group textarea:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.admin-submit-tool .form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.admin-submit-tool .form-group small{color:var(--text-secondary);display:block;font-size:.8125rem;margin-top:.5rem}.admin-submit-tool .form-group input[type=file]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .2s;width:100%}.admin-submit-tool .form-group input[type=file]:hover{background:var(--bg-glass-hover);border-color:var(--border-glow)}.admin-submit-tool .form-group input[type=file]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.category-search-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;padding:.5rem .75rem;transition:all .2s;width:100%}.category-search-input::placeholder{color:var(--text-light)}.category-search-input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.category-checkbox-grid{grid-gap:.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:.5rem;max-height:200px;overflow-y:auto;padding:.25rem}.category-checkbox-grid::-webkit-scrollbar{width:6px}.category-checkbox-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.category-checkbox-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.category-checkbox-grid::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.category-checkbox-label{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.8125rem;overflow:hidden;padding:.375rem .5rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.category-checkbox-label:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 5px #00d4ff1a}.category-checkbox-label.selected{background:#00d4ff26;border-color:var(--primary-color);box-shadow:0 0 10px #00d4ff33;color:var(--primary-color)}.category-checkbox-label input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:16px;margin-right:.5rem;width:16px}.category-checkbox-label span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-count{color:var(--text-secondary);display:block;font-size:.8125rem;margin-top:.5rem}@media (max-width:768px){.admin-submit-tool{padding:0}.admin-submit-tool .admin-header-new{margin-bottom:1.5rem}.admin-submit-tool .admin-header-new h1{font-size:1.5rem}.admin-submit-tool .category-form-card,.admin-submit-tool .form-card{padding:1rem!important}.admin-submit-tool .form-group{margin-bottom:1rem}.admin-submit-tool .form-actions{flex-direction:column}.admin-submit-tool .form-actions .btn{justify-content:center;width:100%}.admin-submit-tool input[type=text],.admin-submit-tool select,.admin-submit-tool textarea{width:100%!important}.category-checkbox-grid{gap:.375rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:180px}.category-checkbox-label{font-size:.75rem;padding:.3125rem .4375rem}.admin-submit-tool .category-chips{flex-wrap:wrap;gap:.5rem}.admin-submit-tool .category-chip{font-size:.8125rem;padding:.375rem .75rem}}@media (max-width:480px){.admin-submit-tool .admin-header-new h1{font-size:1.25rem}.category-checkbox-grid{gap:.25rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:150px}.category-checkbox-label{font-size:.6875rem;padding:.25rem .375rem}}.prompts-library{box-sizing:border-box;padding:0;width:100%}@media (max-width:768px){.prompts-library{padding:1rem 0}.prompts-library .prompts-header{padding:1.5rem 0}.prompts-library .prompts-header h1{font-size:1.75rem}}@media (max-width:480px){.prompts-library .prompts-header h1{font-size:1.5rem}}.sitemap-generator-container{box-sizing:border-box;width:100%}@media (max-width:768px){.sitemap-generator-container{padding:1rem}}@media (max-width:480px){.sitemap-generator-container{padding:.75rem}}.admin-page{box-sizing:border-box;width:100%}@media (max-width:768px){.admin-page{padding:0}.admin-page .admin-header-new{margin-bottom:1.5rem}.admin-page .admin-header-new>div{align-items:flex-start!important;flex-direction:column;gap:1rem}.admin-page .admin-header-new .btn{justify-content:center;width:100%}.admin-page .category-form-card{padding:1rem!important}.admin-page .form-actions{flex-direction:column}.admin-page .form-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.admin-page .admin-header-new h1{font-size:1.25rem}}.auth-page{align-items:center;background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:1.5rem 1rem}.auth-container{max-width:420px;width:100%}.auth-card{animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-xl),0 0 30px #00d4ff33;overflow:hidden;padding:1.5rem;position:relative}.auth-card:before{background:var(--ai-gradient);content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.auth-header{margin-bottom:1rem;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.auth-header p{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.error-icon,.loading-spinner,.success-icon{display:flex;justify-content:center;margin-bottom:.75rem}.loading-spinner svg{animation:spin 1s linear infinite}.auth-form{margin-bottom:.75rem}.form-group{margin-bottom:.625rem}.form-group label{font-size:.8125rem;margin-bottom:.25rem}.form-group input,.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:.8125rem;height:auto;line-height:1.4;padding:.4375rem .75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);border-width:1.5px;box-shadow:0 0 0 2px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-group input:disabled,.form-group input[type=email]:disabled,.form-group input[type=password]:disabled,.form-group input[type=text]:disabled{background:var(--bg-tertiary);border:1.5px solid var(--border-color);cursor:not-allowed;font-size:.8125rem;padding:.4375rem .75rem}.form-group small{color:var(--text-light);display:block;font-size:.8125rem;margin-top:.375rem}.form-footer{display:flex;justify-content:flex-end;margin-bottom:.625rem;margin-top:-.25rem}.forgot-link{color:var(--primary-color);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--neon-cyan)}.auth-button{background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:6px;box-shadow:var(--shadow-neon);color:#fff;cursor:pointer;display:inline-block;font-size:.9375rem;font-weight:600;padding:.625rem 1.25rem;text-align:center;text-decoration:none;transition:all .2s;width:100%}.auth-button:hover:not(:disabled){border-color:#00f5ff80;box-shadow:var(--shadow-neon),0 0 30px #00f5ff66;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary)}.auth-button.secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 15px #00d4ff33}.auth-error{align-items:center;background:#fa709a26;border:1px solid #fa709a4d;border-radius:6px;color:var(--warning-color);display:flex;font-size:.8125rem;gap:.625rem;margin-bottom:.75rem;padding:.625rem .875rem}.auth-error svg{flex-shrink:0}.auth-info{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;margin-bottom:.75rem;padding:.75rem}.auth-info p{color:var(--text-primary);font-size:.875rem;margin-bottom:.5rem}.auth-info ul{color:var(--text-secondary);font-size:.875rem;margin:0;padding-left:1.25rem}.auth-info li{margin-bottom:.25rem}.auth-divider{margin:.75rem 0;position:relative;text-align:center}.auth-divider:before{background:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:var(--bg-card);color:var(--text-secondary);display:inline-block;font-size:.8125rem;padding:0 .75rem;position:relative}.oauth-buttons{display:flex;gap:.5rem;margin-bottom:.75rem}.oauth-button{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:500;gap:.375rem;justify-content:center;padding:.625rem .75rem;transition:all .2s}.oauth-button:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff33}.oauth-button:disabled{cursor:not-allowed;opacity:.5}.oauth-button.github,.oauth-button.google{color:var(--text-primary)}.auth-switch{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.625rem;text-align:center}.auth-switch p{color:var(--text-secondary);font-size:.8125rem;margin:0}.auth-switch a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s}.auth-switch a:hover{color:var(--neon-cyan)}.auth-terms{color:var(--text-secondary);font-size:.8125rem;line-height:1.5;margin-top:1.5rem;text-align:center}.auth-terms a{color:var(--primary-color);text-decoration:none}.auth-terms a:hover{color:var(--neon-cyan);text-decoration:underline}.auth-redirect{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin:1rem 0;text-align:center}@media (max-width:640px){.auth-page{padding:1rem .75rem}.auth-card{padding:1.5rem 1.25rem}.auth-header h1{font-size:1.25rem}.auth-header p{font-size:.8125rem}.oauth-buttons{flex-direction:column}.oauth-button{width:100%}}.auth-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.auth-loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d;height:48px;width:48px}.edit-profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.edit-profile-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1a202c;font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:color .2s ease}.modal-close:hover{background:#f3f4f6;color:#1a202c}.modal-close svg{height:24px;width:24px}.edit-profile-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;font-size:.9375rem;margin-bottom:.5rem}.form-group label.required:after{color:#ef4444;content:" *"}.form-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{background:var(--bg-glass-hover);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.form-input::placeholder{color:var(--text-light)}textarea.form-input{min-height:100px;resize:vertical}.form-help{color:var(--text-light);font-size:.75rem;margin-top:.5rem}.avatar-upload-section{align-items:center;display:flex;gap:1.5rem}.avatar-preview{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;overflow:hidden;width:100px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-upload-controls{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.file-input{display:none}.btn-upload-avatar{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-upload-avatar:hover{background:#e5e7eb;border-color:#667eea;color:#667eea}.btn-upload-avatar svg{height:18px;width:18px}.btn-remove-avatar{background:#fee2e2;border:2px solid #fca5a5;border-radius:8px;color:#991b1b;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.btn-remove-avatar:hover{background:#fca5a5;color:#7f1d1d}.form-actions{border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.error-message{background:#fee2e2;border:1px solid #fca5a5}.error-message p{color:#991b1b;font-size:.9375rem}.success-message{background:#d1fae5;border:1px solid #86efac;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.success-message p{color:#065f46;font-size:.9375rem;margin:0}@media (max-width:768px){.edit-profile-modal{border-radius:16px 16px 0 0;margin:0;max-height:100vh;max-width:100%}.avatar-upload-section{align-items:center;flex-direction:column;text-align:center}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}}.user-profile-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh;padding:2rem 0}.profile-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.profile-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);display:flex;gap:2rem;margin-bottom:2rem;overflow:hidden;padding:3rem;position:relative}.profile-header:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.profile-avatar-large{align-items:center;background:var(--ai-gradient);border:3px solid #00f5ff4d;border-radius:50%;box-shadow:0 0 25px #00d4ff66;color:#fff;display:flex;flex-shrink:0;font-size:3rem;font-weight:700;height:120px;justify-content:center;overflow:hidden;width:120px}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1}.profile-info h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.profile-email{margin:0 0 1rem}.profile-bio,.profile-email{color:var(--text-secondary);font-size:1rem}.profile-bio{line-height:1.6;margin:0 0 1.5rem}.profile-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.5rem}.profile-stats-enhanced{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:#00d4ff26;border:2px solid #00d4ff4d;box-shadow:0 0 10px #00d4ff1a;display:flex;gap:1rem;padding:1.25rem}.stat-card:hover{background:#00d4ff40;border-color:#00d4ff80;box-shadow:0 0 20px #00d4ff4d}.stat-card-category{background:#fa709a26;border-color:#fa709a4d;grid-column:span 2}.stat-icon{flex-shrink:0;font-size:2rem}.stat-content{display:flex;flex:1 1;flex-direction:column}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-value-small{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-top:.25rem}.stat-label{font-size:.8125rem;margin-top:.25rem}.stat-label-small{color:var(--text-light);font-size:.75rem;margin-top:.125rem}.dashboard-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.dashboard-section:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.section-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.section-subtitle{color:var(--text-light);font-size:.875rem;font-style:italic}.view-all-link{color:var(--primary-color);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s ease}.view-all-link:hover{color:var(--neon-cyan);text-decoration:underline}.tool-card-link{color:inherit;display:block;text-decoration:none}.viewed-time{color:#9ca3af;font-size:.75rem;font-style:italic}.tool-category{background:#eff6ff;border-radius:6px;color:#3b82f6;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.activity-item:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 10px #00d4ff1a;transform:translateX(4px)}.activity-icon{flex-shrink:0;font-size:1.5rem}.activity-content{flex:1 1;min-width:0}.activity-main{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.activity-tool-name{color:var(--text-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.activity-tool-name:hover{color:var(--primary-color)}.activity-type{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.8125rem;padding:.25rem .625rem;text-transform:capitalize}.activity-meta{align-items:center;color:var(--text-light);display:flex;font-size:.8125rem;gap:1rem}.activity-category{color:var(--primary-color);font-weight:500}.activity-time{font-style:italic}.profile-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.btn-edit-profile{align-items:center;background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-edit-profile svg{height:16px;width:16px}.btn-edit-profile:hover{border-color:#00f5ff80;box-shadow:var(--shadow-neon),0 0 30px #00f5ff66;transform:translateY(-2px)}.btn-secondary-profile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-secondary-profile svg{height:16px;width:16px}.btn-secondary-profile:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.profile-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem}.tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .2s}.tab.active,.tab:hover{color:var(--primary-color)}.tab.active{border-bottom-color:var(--primary-color)}.profile-tools{margin-top:2rem}.no-tools{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);padding:4rem 2rem;text-align:center}.no-tools p{color:var(--text-secondary);font-size:1.125rem;margin-bottom:1.5rem}.tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative;transition:transform .2s,box-shadow .2s}.tool-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tool-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-4px)}.tool-card:hover:before{opacity:1}.tool-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.tool-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.tool-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1rem;max-height:3em;overflow:hidden;text-overflow:ellipsis}.btn-view{background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:6px;box-shadow:0 0 10px #00d4ff33;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-view:hover{background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 20px #00d4ff66;transform:translateY(-1px)}.profile-error,.profile-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.profile-error h2{color:var(--text-primary);margin-bottom:1rem}.profile-error p{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;padding:2rem;text-align:center}.profile-stats{justify-content:center}.profile-tabs{overflow-x:auto}.tools-grid{grid-template-columns:1fr}}.saved-tools-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh;padding:2rem 0}.saved-tools-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.header-content{text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.page-header p{color:var(--text-secondary);font-size:1.125rem;margin:0 0 .5rem}.save-count{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;box-shadow:0 0 10px #00d4ff33;color:var(--primary-color);display:inline-block;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.search-filter{margin-bottom:2rem}.search-group{margin:0 auto;max-width:400px}.search-input{font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem}.search-icon{height:20px;width:20px}.loading-spinner{margin-bottom:1rem}.error-message{margin-bottom:2rem}.error-message p{color:var(--warning-color);margin:0}.no-saved-tools{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.no-saved-tools:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.no-saved-tools svg{color:var(--text-light);margin-bottom:2rem;opacity:.5}.no-saved-tools h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.no-saved-tools p{color:var(--text-secondary);font-size:1rem;margin:0 0 2rem}.btn-primary{border-radius:8px;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none}.saved-tools-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.saved-tool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s ease}.saved-tool-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.saved-tool-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-4px)}.saved-tool-card:hover:before{opacity:1}.unsave-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-md);color:var(--warning-color);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px;z-index:10}.unsave-button:hover{background:#fa709a26;border-color:var(--warning-color);box-shadow:0 0 15px #fa709a4d;transform:scale(1.1)}.unsave-button svg{height:20px;width:20px}.tool-card-content{padding:1.5rem}.tool-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.tool-logo{border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.tool-header-info{flex:1 1;min-width:0}.tool-header-info h3{font-size:1.125rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-header-info h3,.tool-pricing{color:var(--text-primary);font-weight:600}.tool-pricing{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;display:inline-block;font-size:.75rem;padding:.25rem .75rem;text-transform:uppercase}.saved-tool-card .tool-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.5;margin-bottom:1rem;max-height:3em;overflow:hidden;text-overflow:ellipsis}.tool-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.category-tag{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.tool-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:1rem}.saved-date{color:var(--text-light);font-size:.75rem}.btn-secondary,.btn-view{background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:6px;box-shadow:0 0 10px #00d4ff33;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn-secondary:hover,.btn-view:hover{background:var(--cyber-gradient);border-color:#00f5ff80;box-shadow:0 0 20px #00d4ff66;transform:translateY(-1px)}@media (max-width:768px){.page-header h1{font-size:2rem}.saved-tools-grid{grid-template-columns:1fr}.tool-card-content{padding:1rem}.unsave-button{height:36px;width:36px}}@media (max-width:480px){.saved-tools-page{padding:1rem 0}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:1rem}}.my-submissions-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh;padding:2rem 0 4rem}.submissions-container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);filter:drop-shadow(0 0 20px rgba(0,212,255,.5));font-size:2rem;font-weight:800;margin-bottom:.5rem}.header-content p{color:var(--text-secondary);font-size:1rem}.submissions-filters{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{font-weight:500}.filter-group label,.filter-select{color:var(--text-primary);font-size:.9rem}.filter-select{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.filter-select:focus,.filter-select:hover{border-color:var(--primary-color)}.filter-select:focus{background:var(--bg-card);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.search-group{flex:1 1;min-width:250px;position:relative}.search-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease;width:100%}.search-input::placeholder{color:var(--text-light)}.search-input:focus{background:var(--bg-card);border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.search-icon{color:var(--text-light);height:18px;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.submissions-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-value{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.submissions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.submission-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.submission-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.submission-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-4px)}.submission-card:hover:before{opacity:1}.submission-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.submission-logo{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000004d,0 0 10px #00d4ff1a;flex-shrink:0;height:56px;object-fit:cover;width:56px}.submission-info{flex:1 1;min-width:0}.submission-info h3{color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{border:1px solid;border-radius:6px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.submission-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.875rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.submission-meta{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.meta-item{align-items:center;color:var(--text-light);display:flex;font-size:.875rem;gap:.375rem}.meta-item svg{height:16px;width:16px}.submission-actions{align-items:center;display:flex;gap:.75rem}.btn-primary{background:var(--ai-gradient);border:1px solid #00f5ff4d;color:#fff;transition:all .3s ease}.btn-primary:hover{border-color:#00f5ff80;box-shadow:var(--shadow-neon),0 0 30px #00f5ff66;transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:2px solid var(--primary-color);color:var(--primary-color);transition:all .3s ease}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:0 0 15px #00d4ff33;transform:translateY(-2px)}.btn-danger{background:#fa709a26;border:1px solid #fa709a4d;color:var(--warning-color);transition:all .3s ease}.btn-danger:hover{background:#fa709a40;border-color:var(--warning-color);box-shadow:0 0 15px #fa709a4d;transform:translateY(-2px)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.no-submissions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.no-submissions:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}.no-submissions svg{color:var(--text-light);margin:0 auto 1.5rem;opacity:.5}.no-submissions h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.no-submissions p{color:var(--text-secondary);margin-bottom:1.5rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-container p{color:var(--text-secondary);font-size:1rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d;height:48px;width:48px}.error-message{background:#fa709a26;border:1px solid #fa709a4d;border-radius:8px;box-shadow:0 0 10px #fa709a33;color:var(--warning-color);margin-bottom:1.5rem;padding:1rem}@media (max-width:768px){.submissions-container{padding:0 1rem}.page-header{flex-direction:column}.submissions-grid{grid-template-columns:1fr}.submissions-filters{align-items:stretch;flex-direction:column}.search-group{min-width:100%}}.legal-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 0}.legal-container{margin:0 auto;max-width:900px;padding:0 2rem}.legal-header{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:3rem 2.5rem;text-align:center}.legal-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a2e;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.legal-updated{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.legal-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;line-height:1.8;padding:3rem 2.5rem}.legal-section{margin-bottom:3rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{border-bottom:3px solid #667eea;color:#1a1a2e;font-size:1.75rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.legal-section h3{color:#374151;font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.legal-section p{color:#4b5563;font-size:1rem;margin:0 0 1rem}.legal-section ul{margin:1rem 0 1.5rem;padding-left:2rem}.legal-section li{color:#4b5563;font-size:1rem;line-height:1.7;margin-bottom:.75rem}.legal-section li strong,.legal-section strong{color:#1f2937;font-weight:600}.legal-section a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.legal-section a:hover{color:#764ba2;text-decoration:underline}.contact-info{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.contact-info p{color:#374151;margin:.5rem 0}.contact-info strong{color:#1f2937}.cookie-table{border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:1.5rem 0;overflow-x:auto}.cookie-table table{background:#fff;border-collapse:collapse;width:100%}.cookie-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.cookie-table th{color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.cookie-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.95rem;padding:1rem}.cookie-table tbody tr:last-child td{border-bottom:none}.cookie-table tbody tr:hover{background:#f9fafb}.legal-section>p:first-of-type{font-size:1.05rem;line-height:1.8}.legal-section p strong:only-child{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#92400e;display:block;font-size:.95rem;margin:1.5rem 0;padding:1rem 1.5rem}@media (max-width:768px){.legal-page{padding:1rem 0}.legal-container{padding:0 1rem}.legal-header{margin-bottom:1.5rem;padding:2rem 1.5rem}.legal-header h1{font-size:2rem}.legal-content{padding:2rem 1.5rem}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.5rem;margin-bottom:1.25rem}.legal-section h3{font-size:1.15rem;margin:1.5rem 0 .75rem}.legal-section li,.legal-section p{font-size:.95rem}.legal-section ul{padding-left:1.5rem}.cookie-table{font-size:.85rem}.cookie-table td,.cookie-table th{padding:.75rem .5rem}}@media (max-width:480px){.legal-header h1{font-size:1.75rem}.legal-section h2{font-size:1.35rem}.legal-section h3{font-size:1.1rem}.cookie-table{font-size:.8rem}.cookie-table td,.cookie-table th{padding:.5rem .35rem}}@media print{.legal-page{background:#fff}.legal-content,.legal-header{border:1px solid #e5e7eb;box-shadow:none}.legal-section{page-break-inside:avoid}.legal-section h2{page-break-after:avoid}a{color:#1f2937;text-decoration:underline}}.legal-section:focus{outline:2px solid #667eea;outline-offset:4px}html{scroll-behavior:smooth}::selection{background:#667eea;color:#fff}::-moz-selection{background:#667eea;color:#fff}.cookie-banner{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:1px solid #667eea4d;bottom:0;box-shadow:0 -4px 20px #0000004d;left:0;padding:.75rem 1rem;position:fixed;right:0;transform:translateY(0);transition:transform .3s ease-out;z-index:10000}.cookie-banner-closing{transform:translateY(100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner-container{margin:0 auto;max-width:1400px}.cookie-banner-content{align-items:flex-start;display:flex;gap:.625rem;margin-bottom:.625rem;position:relative}.cookie-banner-icon{animation:cookieBounce 2s ease-in-out infinite;flex-shrink:0;font-size:1.25rem;line-height:1}@keyframes cookieBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.cookie-banner-text{color:#e0e0e0;flex:1 1}.cookie-banner-title{color:#fff;font-size:.875rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .25rem}.cookie-banner-description{color:#b0b0b0;font-size:.75rem;line-height:1.4;margin:0}.cookie-banner-link{color:#667eea;font-weight:500;margin-left:.25rem;text-decoration:none;transition:color .3s ease}.cookie-banner-link:hover{color:#764ba2;text-decoration:underline}.cookie-banner-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#b0b0b0;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;position:absolute;right:-.125rem;top:-.125rem;transition:all .3s ease;width:24px}.cookie-banner-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.cookie-banner-close svg{height:12px;width:12px}.cookie-banner-actions{align-items:center;display:flex;gap:.5rem;justify-content:flex-end}.cookie-banner-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:600;min-width:85px;padding:.5rem 1.25rem;transition:all .3s ease;white-space:nowrap}.cookie-banner-btn-accept{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea4d;color:#fff}.cookie-banner-btn-accept:hover{box-shadow:0 3px 8px #667eea66;transform:translateY(-1px)}.cookie-banner-btn-reject{background:#ffffff1a;border:1px solid #fff3;color:#b0b0b0}.cookie-banner-btn-reject:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}@media (max-width:768px){.cookie-banner{padding:1.25rem 1rem}.cookie-banner-content{flex-direction:row;gap:1rem;margin-bottom:1rem}.cookie-banner-icon{font-size:1.75rem}.cookie-banner-title{font-size:1rem}.cookie-banner-description{font-size:.875rem;line-height:1.5}.cookie-banner-close{height:28px;right:-.25rem;top:-.25rem;width:28px}.cookie-banner-close svg{height:14px;width:14px}.cookie-banner-actions{flex-direction:column;width:100%}.cookie-banner-btn{min-width:auto;width:100%}}@media (max-width:480px){.cookie-banner{padding:1rem .875rem}.cookie-banner-content{gap:.75rem;margin-bottom:.875rem}.cookie-banner-icon{font-size:1.5rem}.cookie-banner-title{font-size:.9375rem;margin-bottom:.375rem}.cookie-banner-description{font-size:.8125rem}.cookie-banner-actions{gap:.75rem}.cookie-banner-btn{font-size:.875rem;padding:.625rem 1.5rem}}.blog-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh}.blog-hero{background:var(--bg-secondary);background-image:radial-gradient(circle at 20% 50%,#00d4ff26 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf626 0,#0000 50%),linear-gradient(135deg,#00d4ff1a,#5b86e51a 50%,#8b5cf61a);border-bottom:1px solid #00d4ff33;color:var(--text-primary);padding:4rem 0 3rem;position:relative}.blog-hero:before{background:var(--ai-gradient);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.blog-hero-content{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.blog-hero h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.blog-hero p{color:var(--text-secondary);font-size:1.25rem}.blog-filters{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:70px;z-index:10}.blog-filters-container{margin:0 auto;max-width:1200px;padding:0 2rem}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.category-filter{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.category-filter:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);color:var(--primary-color)}.category-filter.active{background:var(--ai-gradient);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff4d;color:#fff}.blog-content{padding:3rem 0}.blog-container{margin:0 auto;max-width:1200px;padding:0 2rem}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:3rem}.article-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-md);color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.article-card:before{background:var(--cyber-gradient);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.article-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg),var(--shadow-cyber);transform:translateY(-4px)}.article-card:hover:before{opacity:1}.article-image{background:var(--bg-tertiary);height:200px;overflow:hidden;width:100%}.article-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.article-card:hover .article-image img{transform:scale(1.05)}.article-content{padding:1.5rem}.article-meta{align-items:center;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.75rem;margin-bottom:.75rem}.article-category{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:6px;color:var(--primary-color);font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.article-date,.article-read-time,.article-views{color:var(--text-light)}.article-title{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 .75rem}.article-excerpt{color:var(--text-secondary);font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.article-footer{align-items:center;display:flex;justify-content:space-between;padding-top:1rem}.article-author{color:var(--text-secondary);font-size:.875rem;font-weight:500}.article-stats{color:var(--text-light);font-size:.8125rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.article-tag{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-decoration:none;transition:all .2s ease}.article-tag:hover{background:var(--ai-gradient);border-color:var(--primary-color);box-shadow:0 0 10px #00d4ff4d;color:#fff}.blog-detail-page{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 50%);min-height:100vh}.blog-breadcrumb{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1rem 0}.blog-breadcrumb .blog-container{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:var(--neon-cyan);text-decoration:underline}.breadcrumb-separator{color:var(--text-light)}.breadcrumb-current{color:var(--text-secondary);font-weight:500}.blog-article{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin:2rem auto 3rem;max-width:1200px;padding:3rem 0}.article-header{margin:0 auto 3rem;max-width:800px;padding:0 2rem}.article-meta-top{align-items:center;color:var(--text-light);display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem;margin-bottom:1.5rem}.article-title-main{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:3rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.article-excerpt-main{color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin:0 0 2rem}.article-author-info{align-items:center;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem 0}.author-avatar{align-items:center;background:var(--ai-gradient);border-radius:50%;box-shadow:0 0 15px #00d4ff4d;color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.author-details{display:flex;flex-direction:column}.author-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.author-email{color:var(--text-secondary);font-size:.8125rem}.article-featured-image{border-radius:12px;box-shadow:0 8px 16px #0000001a;margin:0 auto 2rem;max-width:900px;overflow:hidden;width:100%}.article-featured-image img{display:block;height:auto;width:100%}.article-body{margin:0 auto;max-width:800px;padding:0 2rem}.article-content{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.article-content h2{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.3;margin:2.5rem 0 1rem}.article-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:2rem 0 1rem}.article-content p{margin:0 0 1.5rem}.article-content ol,.article-content ul{margin:1.5rem 0;padding-left:2rem}.article-content li{line-height:1.7;margin:.75rem 0}.article-content img{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;margin:2rem 0;max-width:100%}.article-content blockquote{background:#00d4ff0d;border-left:4px solid var(--primary-color);border-radius:8px;color:var(--text-secondary);font-style:italic;margin:2rem 0;padding:1rem 1.5rem}.article-content code{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:.9375rem;padding:.25rem .5rem}.article-content pre{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-sm);color:var(--text-primary);margin:2rem 0;overflow-x:auto;padding:1.5rem}.article-content pre code{background:#0000;color:inherit;padding:0}.article-footer{border-top:1px solid var(--border-color);margin:3rem auto 0;max-width:800px;padding:2rem}.article-tags-section,.related-tools-section{margin-bottom:2rem}.article-tags-section h3,.related-tools-section h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.related-tools-list{display:flex;flex-wrap:wrap;gap:.75rem}.related-tool-link{background:#00d4ff26;border:1px solid #00d4ff4d;border-radius:8px;color:var(--primary-color);font-weight:500;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s ease}.related-tool-link:hover{background:var(--ai-gradient);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff4d;color:#fff}.article-share{border-top:1px solid var(--border-color);padding-top:2rem}.article-share h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.share-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.share-btn{border:2px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem}.share-btn,.share-btn-icon{background:var(--bg-tertiary);border-radius:8px;transition:all .2s ease}.share-btn-icon{align-items:center;border:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:0;height:40px;justify-content:center;line-height:0;padding:.5rem;width:40px}.share-btn-icon svg{height:18px;width:18px}.share-btn-icon:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.share-btn-twitter{border-color:#1da1f233;color:#1da1f2}.share-btn-twitter:hover{background:#1da1f21a;border-color:#1da1f2;color:#1da1f2}.share-btn-facebook{border-color:#1877f233;color:#1877f2}.share-btn-facebook:hover{background:#1877f21a;border-color:#1877f2;color:#1877f2}.share-btn-linkedin{border-color:#0a66c233;color:#0a66c2}.share-btn-linkedin:hover{background:#0a66c21a;border-color:#0a66c2;color:#0a66c2}.share-btn-copy{border-color:var(--border-color);color:var(--text-secondary)}.share-btn-copy:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);color:var(--primary-color)}.related-articles{background:var(--bg-primary);padding:3rem 0}.related-articles h2{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.blog-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:3rem 0}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;gap:.5rem}.pagination-number{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-weight:500;height:40px;transition:all .2s ease;width:40px}.pagination-number:hover{background:var(--bg-glass-hover);border-color:var(--primary-color);color:var(--primary-color)}.pagination-number.active{background:var(--ai-gradient);border-color:var(--primary-color);box-shadow:0 0 15px #00d4ff4d;color:#fff}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.spinner{border:4px solid var(--bg-tertiary);border-top-color:var(--primary-color);box-shadow:0 0 20px #00d4ff4d;height:50px;margin-bottom:1rem;width:50px}.error-message,.no-articles{padding:3rem 2rem;text-align:center}.error-message h3,.no-articles h3{color:var(--text-primary);margin-bottom:1rem}.error-message p,.no-articles p{color:var(--text-secondary);margin-bottom:1.5rem}.adsense-container{margin:2rem 0}@media (max-width:768px){.article-title-main,.blog-hero h1{font-size:2rem}.articles-grid{gap:1.5rem;grid-template-columns:1fr}.category-filters{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem}.category-filter{flex-shrink:0;white-space:nowrap}.article-body,.article-header,.blog-container{padding:0 1rem}}.ai-generator-test{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:2rem}.test-header{margin-bottom:3rem;text-align:center}.test-header h1{-webkit-text-fill-color:#0000;background:var(--ai-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:.5rem}.test-header p{color:var(--text-secondary);font-size:1.1rem}.test-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.test-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem}.test-section-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem;padding-bottom:1rem}.test-section-header h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.test-section-header p{color:var(--text-secondary);font-size:.9rem}.test-form{gap:1.5rem}.form-group,.test-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.test-input{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary)!important;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s;width:100%}.test-input::placeholder{color:var(--text-light)!important;opacity:.7}.test-input:focus{-webkit-text-fill-color:var(--text-primary)!important;background:var(--bg-glass-hover)!important;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;color:var(--text-primary)!important;outline:none}.form-group-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.test-btn{background:var(--ai-gradient);border:1px solid #00f5ff4d;border-radius:8px;box-shadow:0 0 10px #00d4ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s}.test-btn:hover:not(:disabled){box-shadow:0 0 20px #00d4ff80,0 4px 12px #00d4ff4d;transform:translateY(-2px)}.test-btn:disabled{cursor:not-allowed;opacity:.6}.test-error{background:#fa709a26;border:1px solid #fa709a4d;border-radius:8px;color:var(--warning-color);font-size:.9rem;padding:1rem}.test-loading{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff4d;border-radius:8px;color:var(--primary-color);display:flex;gap:1rem;padding:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #00d4ff4d;border-radius:50%;border-top:3px solid var(--primary-color);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.test-result{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.test-result h3{color:var(--primary-color);margin-bottom:1rem;margin-top:0}.result-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.result-field{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:6px;padding:.75rem}.result-field strong{color:var(--primary-color);display:block;margin-bottom:.5rem}.result-field ul{margin:.5rem 0 0 1.5rem;padding:0}.result-field li{color:var(--text-secondary);margin:.25rem 0}.blog-content-preview{background:var(--bg-primary);border-radius:6px;margin-top:.5rem;max-height:400px;overflow-y:auto;padding:1rem}.blog-content-preview h2,.blog-content-preview h3{color:var(--primary-color);margin-bottom:.5rem;margin-top:1rem}.blog-content-preview p{line-height:1.6;margin:.75rem 0}.result-json{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);font-size:.85rem;max-height:300px;overflow-x:auto;overflow-y:auto;padding:1rem}@media (max-width:1024px){.test-container{grid-template-columns:1fr}}@media (max-width:768px){.ai-generator-test{padding:1rem}.test-section{padding:1.5rem}.form-group-row{grid-template-columns:1fr}}:root{--chatbot-primary:#00d4ff;--chatbot-primary-hover:#00f5ff;--chatbot-bg:#0f172af2;--chatbot-glass:#1e293bcc;--chatbot-border:#00d4ff33;--chatbot-text:#e2e8f0;--chatbot-text-secondary:#94a3b8;--chatbot-user-bg:#00d4ff26;--chatbot-assistant-bg:#1e293b99}.chatbot-toggle{align-items:center;background:linear-gradient(135deg,#00d4ff,#00f5ff);background:linear-gradient(135deg,var(--chatbot-primary),var(--chatbot-primary-hover));border:2px solid #00d4ff4d;border-radius:50%;bottom:2rem;box-shadow:0 8px 32px #00d4ff4d,0 0 20px #00d4ff33,inset 0 1px 0 #fff3;color:#0f172a;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:visible;position:fixed;right:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:9998}.chatbot-toggle:hover{box-shadow:0 12px 40px #00d4ff66,0 0 30px #00d4ff4d,inset 0 1px 0 #ffffff4d;transform:scale(1.1)}.chatbot-toggle svg{stroke-width:2.5;height:28px;width:28px}.chatbot-toggle.open{background:linear-gradient(135deg,#ef4444,#f87171);border-color:#ef44444d;box-shadow:0 8px 32px #ef44444d,0 0 20px #ef444433}.chatbot-toggle.open:hover{box-shadow:0 12px 40px #ef444466,0 0 30px #ef44444d}.chatbot-pulse{animation:chatbot-pulse 2s infinite;background:#00d4ff;background:var(--chatbot-primary);border-radius:50%;height:100%;position:absolute;width:100%;z-index:-1}@keyframes chatbot-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.chatbot-container{animation:chatbot-slide-up .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;background:var(--chatbot-bg);border:1px solid #00d4ff33;border:1px solid var(--chatbot-border);border-radius:20px;bottom:2rem;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff33,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 4rem);max-width:calc(100vw - 4rem);overflow:hidden;position:fixed;right:2rem;transition:height .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:9999}.chatbot-container.minimized{height:auto;max-height:80px}@keyframes chatbot-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;background:var(--chatbot-glass);border-bottom:1px solid #00d4ff33;border-bottom:1px solid var(--chatbot-border);display:flex;gap:1rem;justify-content:space-between;padding:1.25rem}.chatbot-header-actions{display:flex;flex-shrink:0;gap:.5rem}.chatbot-header-button{align-items:center;background:#0000;border:1px solid #00d4ff33;border:1px solid var(--chatbot-border);border-radius:8px;color:#e2e8f0;color:var(--chatbot-text);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.chatbot-header-button:hover{background:#00d4ff26;background:var(--chatbot-user-bg);border-color:#00d4ff;border-color:var(--chatbot-primary);color:#00d4ff;color:var(--chatbot-primary);transform:scale(1.05)}.chatbot-header-button svg{height:16px;width:16px}.chatbot-header-content{align-items:center;display:flex;gap:.75rem}.chatbot-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#00f5ff);background:linear-gradient(135deg,var(--chatbot-primary),var(--chatbot-primary-hover));border-radius:50%;box-shadow:0 4px 12px #00d4ff4d;color:#0f172a;display:flex;height:40px;justify-content:center;width:40px}.chatbot-avatar svg{height:22px;width:22px}.chatbot-header-text h3{color:#e2e8f0;color:var(--chatbot-text);font-size:1rem;font-weight:600;margin:0;text-shadow:0 0 10px #00d4ff4d}.chatbot-header-text p{color:#94a3b8;color:var(--chatbot-text-secondary);font-size:.75rem;margin:.25rem 0 0}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.25rem;scrollbar-color:#00d4ff4d #0000;scrollbar-width:thin}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#0000}.chatbot-messages::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.chatbot-message{display:flex;flex-direction:column}.chatbot-message.user{align-items:flex-end}.chatbot-message.assistant{align-items:flex-start}.chatbot-message-content{align-items:flex-start;display:flex;gap:.75rem;max-width:85%}.chatbot-message.user .chatbot-message-content{flex-direction:row-reverse}.chatbot-message-avatar{align-items:center;background:linear-gradient(135deg,#00d4ff,#00f5ff);background:linear-gradient(135deg,var(--chatbot-primary),var(--chatbot-primary-hover));border-radius:50%;box-shadow:0 2px 8px #00d4ff4d;color:#0f172a;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.chatbot-message-avatar svg{height:16px;width:16px}.chatbot-message-bubble{word-wrap:break-word;border-radius:12px;padding:.75rem 1rem;position:relative}.chatbot-message.user .chatbot-message-bubble{background:#00d4ff26;background:var(--chatbot-user-bg);border:1px solid #00d4ff4d;box-shadow:0 2px 8px #00d4ff1a;color:#e2e8f0;color:var(--chatbot-text)}.chatbot-message.assistant .chatbot-message-bubble{background:#1e293b99;background:var(--chatbot-assistant-bg);border:1px solid #00d4ff33;border:1px solid var(--chatbot-border);box-shadow:0 2px 8px #0003;color:#e2e8f0;color:var(--chatbot-text)}.chatbot-message-bubble p{color:#e2e8f0;color:var(--chatbot-text);font-size:.875rem;line-height:1.5;margin:0}.chatbot-typing{display:flex;gap:4px;padding:.5rem 0}.chatbot-typing span{animation:chatbot-typing 1.4s infinite;background:#00d4ff;background:var(--chatbot-primary);border-radius:50%;box-shadow:0 0 8px #00d4ff80;height:8px;width:8px}.chatbot-typing span:nth-child(2){animation-delay:.2s}.chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes chatbot-typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-suggestions{background:#1e293bcc;background:var(--chatbot-glass);border-top:1px solid #00d4ff33;border-top:1px solid var(--chatbot-border);padding:1rem 1.25rem}.chatbot-suggestions-title{color:#94a3b8;color:var(--chatbot-text-secondary);font-size:.75rem;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.chatbot-suggestions-list{display:flex;flex-direction:column;gap:.5rem}.chatbot-suggestion{background:#1e293b99;background:var(--chatbot-assistant-bg);border:1px solid #00d4ff33;border:1px solid var(--chatbot-border);border-radius:8px;color:#e2e8f0;color:var(--chatbot-text);cursor:pointer;font-size:.8125rem;padding:.625rem .875rem;text-align:left;transition:all .2s}.chatbot-suggestion:hover{background:#00d4ff26;background:var(--chatbot-user-bg);border-color:#00d4ff66;box-shadow:0 2px 8px #00d4ff33;transform:translateX(4px)}.chatbot-input-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;background:var(--chatbot-glass);border-top:1px solid #00d4ff33;border-top:1px solid var(--chatbot-border);display:flex;gap:.5rem;padding:1rem 1.25rem}.chatbot-input{background:#1e293b99;background:var(--chatbot-assistant-bg);border:1px solid #00d4ff33;border:1px solid var(--chatbot-border);border-radius:12px;color:#e2e8f0;color:var(--chatbot-text);flex:1 1;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s}.chatbot-input::placeholder{color:#94a3b8;color:var(--chatbot-text-secondary)}.chatbot-input:focus{background:#1e293bcc;border-color:#00d4ff;border-color:var(--chatbot-primary);box-shadow:0 0 0 3px #00d4ff33,0 0 15px #00d4ff1a;outline:none}.chatbot-input:disabled{cursor:not-allowed;opacity:.6}.chatbot-send-button{align-items:center;background:linear-gradient(135deg,#00d4ff,#00f5ff);background:linear-gradient(135deg,var(--chatbot-primary),var(--chatbot-primary-hover));border:1px solid #00d4ff4d;border-radius:12px;box-shadow:0 2px 8px #00d4ff4d;color:#0f172a;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .2s;width:44px}.chatbot-send-button:hover:not(:disabled){box-shadow:0 4px 12px #00d4ff66;transform:scale(1.05)}.chatbot-send-button:active:not(:disabled){transform:scale(.95)}.chatbot-send-button:disabled{cursor:not-allowed;opacity:.5}.chatbot-send-button svg{height:20px;width:20px}@media (max-width:768px){.chatbot-toggle{bottom:1.5rem;height:56px;right:1.5rem;width:56px}.chatbot-container{border-radius:16px;bottom:1.5rem;height:calc(100vh - 3rem);left:1.5rem;max-height:calc(100vh - 3rem);max-width:none;right:1.5rem;width:auto}.chatbot-message-content{max-width:90%}}@media (max-width:480px){.chatbot-toggle{bottom:1rem;height:52px;right:1rem;width:52px}.chatbot-toggle svg{height:24px;width:24px}.chatbot-container{border-radius:12px;bottom:1rem;left:1rem;right:1rem}.chatbot-header,.chatbot-messages{padding:1rem}.chatbot-input-form{padding:.875rem 1rem}}.not-found-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.not-found-container{max-width:800px;width:100%}.not-found-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:3rem;text-align:center}.not-found-icon{align-items:center;color:#667eea;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;width:120px}.not-found-icon svg{height:100%;width:100%}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:6rem;font-weight:800;line-height:1;margin:0 0 1rem}.not-found-subtitle{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 1rem}.not-found-description{color:#6b7280;font-size:1.125rem;line-height:1.6;margin:0 auto 2.5rem;max-width:600px}.not-found-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.not-found-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease}.not-found-btn svg{height:20px;width:20px}.not-found-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.not-found-btn.primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.not-found-btn.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.not-found-btn.secondary:hover{background:#f0f4ff;transform:translateY(-2px)}.not-found-links{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:3rem}.not-found-links h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.not-found-link-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.not-found-link-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:12px;color:#374151;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;transition:all .2s ease}.not-found-link-item:hover{background:#f0f4ff;border-color:#667eea;color:#667eea;transform:translateY(-2px)}.not-found-link-item svg{color:#667eea;height:32px;width:32px}.not-found-link-item span{font-size:.9375rem;font-weight:600}.not-found-search{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:3rem}.not-found-search h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.not-found-search p{color:#6b7280;margin:0 0 1.5rem}.not-found-search-btn{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;color:#374151;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease}.not-found-search-btn:hover{background:#f0f4ff;border-color:#667eea;color:#667eea}.not-found-search-btn svg{height:20px;width:20px}@media (max-width:768px){.not-found-content{padding:2rem 1.5rem}.not-found-title{font-size:4rem}.not-found-subtitle{font-size:1.5rem}.not-found-description{font-size:1rem}.not-found-actions{flex-direction:column}.not-found-btn{justify-content:center;width:100%}.not-found-link-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.not-found-content{padding:1.5rem 1rem}.not-found-title{font-size:3rem}.not-found-link-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3eeb7a56.css.map*/