:root{--bg-dark:#07060b;--bg-card-dark:#0d141d;--surface-muted:#1f2937;--accent-blue:#007bff;--accent-blue-deep:#0056b3;--accent-green:#22c55e;--accent-green-deep:#16a34a;--text-light:#fff;--text-muted:#9ca3af;--border-color:#ffffff1a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#07060b;background-color:var(--bg-dark);color:#fff;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#007bff;--secondary-color:#00e676;--dark-bg:#0a0f14;--dark-bg-secondary:#2d3748;--light-bg:#d4d4d4b0;--text-light:#edf2f7;--text-dark:#1a202c;--text-muted:#718096;--border-color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--text-dark);font-family:Poppins,sans-serif;line-height:1.7}.page-container{margin:0 auto;max-width:1600px;padding:2rem}.app-header{background-color:var(--dark-bg);box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:1rem 5%}.logo{color:var(--text-light);font-size:1.5rem;font-weight:700}.navigation{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:4px;color:var(--text-muted);font-size:.9rem;font-weight:600;padding:.5rem;transition:all .2s ease}.nav-link:hover{background-color:var(--dark-bg-secondary);color:var(--text-light)}.nav-link.active{color:var(--secondary-color);font-weight:700}.nav-link.login-button{background-color:var(--primary-color);border-radius:6px;color:#fff;padding:.5rem 1.2rem}.nav-link.login-button:hover{background-color:#0056b3;color:#fff}.nav-link.welcome-user{color:var(--text-light);cursor:default;font-weight:500}.nav-link.welcome-user:hover{background-color:initial}.logout-button{background-color:var(--text-muted);border:none;border-radius:6px;color:#fff;font-family:Poppins,sans-serif;font-size:.9rem;padding:.5rem 1.2rem;transition:background-color .2s ease}.logout-button:hover{background-color:#e53e3e}.logout-button i{margin-right:.5rem}.app-footer{background-color:var(--dark-bg);border-top:1px solid var(--dark-bg-secondary);color:var(--text-muted);margin-top:4rem;padding:2rem 5%}.footer-content{align-items:center;font-size:.9rem;margin:0 auto;max-width:1600px}.footer-links{display:flex;gap:1.5rem}.footer-link{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--secondary-color);text-decoration:underline}.user-menu-item{background-color:#ffffff0d;border:1px solid #0000;border-radius:50px;gap:.8rem;padding:.5rem 1rem;transition:all .2s ease}.user-menu-item:hover{background-color:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.header-avatar{background-color:var(--secondary-color);color:#1a202c;font-size:.9rem;height:32px;width:32px}.header-username{color:#fff;font-size:.95rem}@media (max-width:768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}.section-title{color:var(--text-dark)}.login-button{background-color:var(--primary-color);border-radius:6px;padding:.5rem 1.2rem}.cta-button{background-color:var(--secondary-color);border-radius:50px;color:var(--text-dark);font-size:1.2rem;margin-left:10px;padding:1rem 3rem;transition:transform .2s ease}.cta-button:hover{transform:scale(1.05)}.action-btn{border:1px solid #0000;border-radius:6px;flex:1 1;font-size:.9rem;font-weight:600;padding:.6rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.action-btn.primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.action-btn.primary:hover{background-color:#0056b3;border-color:#0056b3}.action-btn.secondary{background-color:initial;border-color:var(--primary-color);color:var(--primary-color)}.action-btn.secondary:hover{background-color:var(--primary-color);color:#fff}.action-btn.selected{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--dark-bg);cursor:default;pointer-events:none}.product-card{background-color:#fff;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.product-card:hover{box-shadow:0 8px 16px #0000001a}.product-image{background-color:#fff;height:220px;padding:1rem;width:100%}.product-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;text-align:center}.product-content h3{flex-grow:1;font-size:1.3rem;margin-bottom:.25rem}.product-brand{color:var(--text-muted);font-weight:500;margin-bottom:1rem}.product-price{border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem}.price-avg{color:var(--text-muted);font-size:.9rem;margin-bottom:.25rem;text-decoration:line-through}.price-low{color:var(--secondary-color);font-size:1.5rem;font-weight:700}.product-actions{display:flex;gap:1rem;margin-top:1rem}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.page-btn{background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;height:40px;min-width:40px;padding:.5rem;transition:all .2s ease}.page-btn:hover{background-color:#f8f9fa;color:var(--primary-color)}.page-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;cursor:default}.page-btn:disabled{cursor:not-allowed;opacity:.5}.modal{background-color:#0009;display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#fff;border-radius:12px;margin:5% auto;max-width:1000px;padding:2rem;position:relative;width:90%}.modal-close-btn{color:#aaa;cursor:pointer;font-size:28px;font-weight:700;position:absolute;right:25px;top:15px}.shifting-tabs{align-items:center;display:flex;gap:.35rem;height:-webkit-fit-content;height:fit-content;position:relative}.shifting-tab{align-items:center;background:#0000;border:none;border-radius:999px;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:inline-flex;font:inherit;font-size:.875rem;font-weight:500;gap:.3rem;padding:.3rem .7rem;transition:background-color .18s ease,color .18s ease}.shifting-tab:hover{background:#ffffff0f;color:#fff;color:var(--text-light,#fff)}.shifting-tab.is-active{background:#1f2937;background:var(--surface-muted,#1f2937);box-shadow:0 1px 2px #00000040;color:#fff;color:var(--text-light,#fff)}.shifting-tab:focus-visible{outline:2px solid #007bff;outline:2px solid var(--accent-blue,#007bff);outline-offset:3px}.shifting-tab-chevron{color:#9ca3af;color:var(--text-muted,#9ca3af);transition:transform .18s ease,color .18s ease}.shifting-tab-chevron.is-open{color:#fff;color:var(--text-light,#fff);transform:rotate(180deg)}.shifting-content{background:#121826;background:var(--bg-card-dark,#121826);border:none;border-radius:12px;box-shadow:0 16px 40px #0000008c;color:#fff;color:var(--text-light,#fff);left:0;padding:1.15rem 1.25rem;position:absolute;top:calc(100% + 20px);width:min(32rem,calc(100vw - 2rem));z-index:1100}.shifting-bridge{height:20px;left:0;position:absolute;right:0;top:-20px}.shifting-nub{background:#121826;background:var(--bg-card-dark,#121826);border:none;height:1rem;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-50%) rotate(45deg);width:1rem}.shifting-panel{overflow:hidden}.shifting-products-grid{display:flex;gap:1.5rem}.shifting-products-grid>div{flex:1 1;min-width:0}.shifting-col-title{color:#fff;color:var(--text-light,#fff);font-size:.875rem;font-weight:600;letter-spacing:.01em;margin:0 0 .55rem}.shifting-link{color:#9ca3af;color:var(--text-muted,#9ca3af);display:block;font-size:.875rem;margin-bottom:.35rem;text-decoration:none;transition:color .16s ease}.shifting-link:last-child{margin-bottom:0}.shifting-link:hover{color:#fff;color:var(--text-light,#fff)}.shifting-link:focus-visible{border-radius:4px;outline:2px solid #007bff;outline:2px solid var(--accent-blue,#007bff);outline-offset:2px}.shifting-cta{align-items:center;color:#007bff;color:var(--accent-blue,#007bff);display:flex;font-size:.875rem;font-weight:600;gap:.3rem;margin:1rem 0 0 auto;text-decoration:none;transition:color .16s ease;width:-webkit-fit-content;width:fit-content}.shifting-cta:hover{color:#0056b3;color:var(--accent-blue-deep,#0056b3)}.shifting-cta:focus-visible{border-radius:4px;outline:2px solid #007bff;outline:2px solid var(--accent-blue,#007bff);outline-offset:3px}.shifting-tools-grid{grid-gap:0;align-items:stretch;display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));min-width:28rem}.shifting-tool{align-items:center;border:none;border-radius:8px;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;flex-direction:column;font-size:.75rem;font-weight:500;gap:.5rem;justify-content:flex-start;line-height:1.25;min-height:4.5rem;padding:.75rem .5rem;position:relative;text-align:center;text-decoration:none;transition:color .16s ease,background-color .16s ease}.shifting-tool+.shifting-tool:before{background:#ffffff1a;background:var(--border-color,#ffffff1a);content:"";height:2rem;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1px}.shifting-tool:last-child{border-right:none}.shifting-tool:hover{background:#ffffff0a;color:#fff;color:var(--text-light,#fff)}.shifting-tool:focus-visible{outline:2px solid #007bff;outline:2px solid var(--accent-blue,#007bff);outline-offset:2px}.shifting-tool-icon{stroke-width:1.75;color:#007bff;color:var(--accent-blue,#007bff);display:block;flex:0 0 1.25rem;height:1.25rem;width:1.25rem}.shifting-tool-label{display:block;max-width:100%;min-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shifting-resources-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.shifting-resources-grid--single{grid-template-columns:1fr}.shifting-resource{border-radius:8px;color:inherit;display:block;text-decoration:none}.shifting-resource:focus-visible{outline:2px solid #007bff;outline:2px solid var(--accent-blue,#007bff);outline-offset:2px}.shifting-resource-visual{align-items:center;border-radius:8px;color:#fff;color:var(--text-light,#fff);display:flex;height:3.5rem;justify-content:center;margin-bottom:.5rem}.shifting-resource-visual--glossary{background:linear-gradient(145deg,#007bff59,#007bff14),#1f2937;background:linear-gradient(145deg,#007bff59,#007bff14),var(--surface-muted,#1f2937)}.shifting-resource-title{color:#fff;color:var(--text-light,#fff);font-size:.875rem;font-weight:600;margin:0 0 .2rem}.shifting-resource:hover .shifting-resource-title{text-decoration:underline;text-underline-offset:2px}.shifting-resource-desc{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.75rem;line-height:1.45;margin:0}@media (prefers-reduced-motion:reduce){.shifting-cta,.shifting-link,.shifting-tab,.shifting-tab-chevron,.shifting-tool{transition:none}}@media (max-width:900px){.shifting-tabs{gap:.15rem}.shifting-tab{font-size:.85rem;padding:.35rem .65rem}.shifting-content{width:min(22rem,calc(100vw - 1.5rem))}.shifting-products-grid{gap:1rem}}.app-header{background-color:#07060b;background-color:var(--bg-dark,#07060b);display:grid;grid-template-columns:1fr auto 1fr;overflow:visible;padding:8px 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-header,.logo{align-items:center}.logo{display:flex;justify-self:center;text-decoration:none}.logo-img{height:40px;object-fit:contain;transition:transform .3s ease;width:auto}.logo-img:hover{transform:scale(1.05)}.navigation-center{align-items:center;display:flex;gap:1.25rem;justify-self:center;overflow:visible}.nav-link{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{color:#fff}.nav-link:focus-visible{border-radius:4px;outline:2px solid #007bff;outline:2px solid var(--accent-blue,#007bff);outline-offset:4px}.header-actions{align-items:center;display:flex;gap:20px;justify-self:center}.nav-action-icon{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:1.2rem;transition:.3s}.nav-action-icon:hover{color:#e53e3e}.login-button{background-color:#007bff;background-color:var(--accent-blue,#007bff);border:none;border-radius:25px;color:#fff!important;font-size:.85rem;font-weight:600;padding:7px 28px;text-decoration:none;transition:background-color .3s ease,transform .2s}.login-button:hover{background-color:#0056b3;background-color:var(--accent-blue-deep,#0056b3)}.login-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.user-menu-item{align-items:center;background:#ffffff0d;border-radius:30px;color:#fff;display:flex;gap:10px;padding:5px 15px 5px 5px;text-decoration:none;transition:filter .2s ease,opacity .2s ease,background-color .2s ease}.user-menu-item:hover{background:#ffffff1a}.user-menu-item.has-accent:hover{background:inherit;filter:brightness(1.08)}.header-avatar{align-items:center;background-color:#007bff;background-color:var(--accent-blue,#007bff);border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;overflow:hidden;width:30px}.header-avatar img{height:100%;object-fit:cover;width:100%}.header-username{font-size:.9rem;font-weight:500}.logout-button{align-items:center;background:#0000;border:1px solid #fff3;border-radius:20px;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 15px;transition:.3s}.logout-button:hover{background:#ff00001a;border-color:#ff4d4d;color:#ff4d4d}.app-footer{background-color:var(--bg-dark);color:var(--text-light);margin-top:80px;padding:60px 5% 20px}.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:40px}.footer-brand h2{align-items:center;display:flex;font-size:24px;gap:10px;letter-spacing:2px;margin-bottom:15px}.footer-brand i.fa-meteor{color:var(--text-muted)}.social-icons{display:flex;gap:15px}.social-icons i{color:var(--text-muted);cursor:pointer;font-size:20px;transition:.3s}.social-icons i:hover{color:#fff}.footer-links-group h4{color:#fff;font-size:16px;margin-bottom:15px}.footer-links-group ul{list-style:none;margin:0;padding:0}.footer-links-group li{margin-bottom:10px}.footer-links-group a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-links-group a:hover{color:var(--accent-blue)}.footer-about{color:var(--text-muted);font-size:13px;line-height:1.6;max-width:300px}.footer-about a{color:#fff;display:block;font-weight:500;margin-top:15px;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff0d;color:var(--text-muted);font-size:13px;padding-top:20px;text-align:center}.footer-about{border-radius:12px;flex:1 1;min-width:250px;overflow:hidden;padding:20px;position:relative}.footer-bg-logo{left:70%;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translate(-40%,-50%);width:150px;z-index:0}.footer-about-text{position:relative;z-index:1}.footer-about-text p{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.9rem;line-height:1.6;margin-bottom:15px}.footer-about-text a{color:#007bff;color:var(--accent-blue,#007bff);font-weight:600;text-decoration:none;transition:.3s ease}.footer-about-text a:hover{color:#fff}@media (max-width:768px){.footer-content{flex-direction:column}.footer-about{max-width:100%;text-align:left}}.product-card{background-color:var(--bg-card-dark);border:none;border-radius:12px;box-shadow:0 4px 12px #00000040;color:var(--text-light);display:flex;flex-direction:column;margin:0 auto;max-width:380px;min-height:480px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.product-card:hover{box-shadow:0 10px 20px #00000080;transform:translateY(-5px)}.product-card.selected{box-shadow:0 0 15px #007bff66;outline:2px solid var(--accent-blue)}.product-card.is-locked{filter:grayscale(100%);opacity:.5;pointer-events:none}.product-image-container{align-items:center;background-color:#fff;display:flex;flex-shrink:0;height:220px;justify-content:center;padding:1.25rem;position:relative}.select-checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid var(--border-color);border-radius:50%;cursor:pointer;height:28px;left:12px;position:absolute;top:12px;transition:all .2s ease;width:28px;z-index:10}.select-checkbox:checked{background-color:var(--accent-blue);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:70%;border-color:var(--accent-blue)}.select-checkbox:hover{transform:scale(1.08)}.btn-fav{align-items:center;background-color:#fff;border:1px solid var(--border-color);border-radius:50%;color:var(--bg-dark);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px;z-index:10}.btn-fav.favorited,.btn-fav:hover{border-color:#e53e3e;color:#e53e3e}.product-image{max-height:100%;max-width:100%;object-fit:contain}.product-info-container{display:flex;flex:1 1;flex-direction:column;gap:2px;min-height:0;padding:18px 16px 20px;position:relative;text-align:left}.product-info-panel,.product-stores-panel{display:flex;flex:1 1;flex-direction:column;min-height:100%;width:100%}.product-card.is-stores-open{outline:1px solid #007bff59}.product-brand{color:var(--accent-blue);display:block;font-size:11px;font-weight:400;letter-spacing:1.5px;margin-bottom:6px;text-transform:uppercase}.product-title{font-weight:400;margin:0;min-height:44px}.product-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-light);display:-webkit-box;font-size:15px;font-weight:400;line-height:1.35;overflow:hidden;text-decoration:none;transition:color .2s ease}.product-title a:hover{color:var(--accent-blue)}.product-divider{background-color:var(--border-color);height:1px;margin:12px 0}.product-price-block{margin-bottom:12px}.price-label{color:var(--text-muted);display:block;font-size:10px;font-weight:400;letter-spacing:.8px;margin-bottom:4px;text-transform:uppercase}.price-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.price-current{color:var(--accent-green);font-size:22px;font-weight:800;line-height:1.2}.price-old{color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:line-through}.product-actions-top{display:flex;gap:8px;margin-bottom:8px}.btn-small{align-items:center;background-color:var(--surface-muted);border:none;border-radius:6px;color:var(--accent-green);cursor:pointer;display:flex;flex:1 1;font-size:11px;font-weight:700;gap:5px;justify-content:center;letter-spacing:.3px;padding:8px 6px;text-decoration:none;text-transform:uppercase;transition:background-color .2s,color .2s}.btn-small:hover{background-color:var(--bg-card-dark)}.btn-small.is-active{color:var(--accent-blue)}.btn-small:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.product-actions-bottom{margin-top:auto}.btn-buy{align-items:center;background-color:var(--accent-green);border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;padding:11px 16px;text-decoration:none;text-transform:uppercase;transition:background-color .2s;width:100%}.btn-buy:hover{background-color:var(--accent-green-deep)}.btn-buy:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.product-stores-header{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin-bottom:12px}.product-stores-title{color:var(--text-light);font-size:13px;font-weight:700;grid-column:2;letter-spacing:1.5px;margin:0;text-align:center;text-transform:uppercase}.product-stores-close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:inline-flex;font-size:14px;grid-column:3;height:28px;justify-content:center;justify-self:end;transition:background-color .2s ease,color .2s ease;width:28px}.product-stores-close:hover{background-color:var(--surface-muted);color:var(--text-light)}.product-stores-close:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.product-stores-box{background-color:#0c1018;border:1px solid #ffffff12;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:12px}.product-stores-meta{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.product-stores-subtitle{color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.product-stores-updated{align-items:center;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:9px;font-weight:500;gap:4px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.product-stores-updated i{font-size:9px}.product-stores-list{display:flex;flex-direction:column;gap:8px}.product-store-row{align-items:center;background-color:#161b26;border:1px solid #0000;border-radius:6px;color:inherit;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.product-store-row:hover{background-color:#1c2230;border-color:#ffffff0f}.product-store-row:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.product-store-row.is-best{border-color:var(--accent-blue);box-shadow:0 0 0 1px #007bff40}.product-store-logo{align-items:center;background-color:#0a0e14;border-radius:6px;color:#9ca3af;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;height:32px;justify-content:center;letter-spacing:.02em;width:32px}.product-store-name{color:var(--text-light);flex:1 1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-store-price{color:var(--accent-green);font-size:14px;font-weight:700;line-height:1;margin-left:auto;white-space:nowrap}.product-stores-empty{color:var(--text-muted);font-size:13px;line-height:1.4;margin:8px 0 0}.product-stores-status{display:flex;flex-direction:column;gap:8px}.product-stores-skeleton{animation:product-stores-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#161b26,#1c2230 50%,#161b26);background-size:200% 100%;border-radius:6px;display:block;height:44px}@keyframes product-stores-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.product-stores-skeleton{animation:none;background:#161b26}.btn-buy,.btn-small,.product-card,.product-store-row,.product-stores-close{transition:none}}.home-page-wrapper{--ease-out-quint:cubic-bezier(0.22,1,0.36,1);--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:250ms;--duration-enter:400ms;color:var(--text-light);margin:-2rem;width:calc(100% + 4rem)}.home-page-wrapper .hero-section{align-items:center;animation:hero-fade-in var(--duration-enter) var(--ease-out-quint) both;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 100px);padding:0 5%;position:relative;text-align:center}@keyframes hero-fade-in{0%{opacity:0}to{opacity:1}}.home-page-wrapper .hero-section h1{font-size:5rem;font-weight:550;letter-spacing:25px;line-height:1.1;margin:0 0 24px}.home-page-wrapper .hero-section p{color:var(--text-muted);font-size:1.5rem;font-weight:400;line-height:1.4;margin:0 0 48px;max-width:36ch}.home-page-wrapper .hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:0}.home-page-wrapper .btn-outline{background:var(--surface-muted);border:2px solid var(--accent-blue);border-radius:25px;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 30px;text-decoration:none;transition:background-color var(--duration-normal) var(--ease-out-quint),border-color var(--duration-normal) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint)}.home-page-wrapper .btn-outline:hover{background:#ffffff0d}.home-page-wrapper .btn-outline:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px}.home-page-wrapper .btn-outline:active{background:var(--bg-card-dark);transform:scale(.98)}.home-page-wrapper .btn-solid{background:var(--accent-blue);border:2px solid #0000;border-radius:25px;color:var(--text-light);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 30px;text-decoration:none;transition:background-color var(--duration-normal) var(--ease-out-quint),transform var(--duration-fast) var(--ease-out-quint)}.home-page-wrapper .btn-solid:hover{background:var(--accent-blue-deep)}.home-page-wrapper .btn-solid:focus-visible{outline:2px solid var(--text-light);outline-offset:3px}.home-page-wrapper .btn-solid:active{background:#004494;transform:scale(.98)}.home-page-wrapper .scroll-arrow{align-items:center;animation:scroll-arrow-enter var(--duration-enter) var(--ease-out-quint) .5s forwards,scroll-hint 2.5s var(--ease-out-quint) .9s infinite;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;margin-top:80px;opacity:0;transition:color var(--duration-normal) var(--ease-out-quhero-sectionint)}.home-page-wrapper .scroll-arrow:hover{color:var(--text-light)}.home-page-wrapper .scroll-arrow:focus-visible{border-radius:4px;color:var(--text-light);outline:2px solid var(--accent-blue);outline-offset:4px}@keyframes scroll-arrow-enter{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:.6;transform:translateX(-50%) translateY(0)}}@keyframes scroll-hint{0%,to{opacity:.6;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(8px)}}.home-page-wrapper .reveal-item{opacity:0;transform:translateY(20px);transition:opacity .35s var(--ease-out-quint),transform .35s var(--ease-out-quint);transition-delay:0ms;transition-delay:calc(var(--i, 0)*60ms)}.home-page-wrapper .is-visible .reveal-item{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.home-page-wrapper .hero-section{animation:none}.home-page-wrapper .scroll-arrow{animation:none;opacity:.6;transform:translateX(-50%)}.home-page-wrapper .reveal-item{opacity:1;transform:none;transition:none}.home-page-wrapper .action-card{transition:none}.home-page-wrapper .skeleton-card{animation:none}}.home-page-wrapper .action-cards{display:flex;flex-wrap:nowrap;gap:40px;justify-content:center;margin-bottom:180px;margin-top:120px;padding:0 5%}.home-page-wrapper .action-card{background-position:50%;background-size:cover;border-radius:16px;color:var(--text-light);flex-shrink:0;height:350px;overflow:hidden;position:relative;text-decoration:none;transition:transform var(--duration-normal) var(--ease-out-quint),box-shadow var(--duration-normal) var(--ease-out-quint);width:220px}.home-page-wrapper .action-card:before{background:linear-gradient(0deg,#07060bbf 0,#07060b1a 55%);content:"";inset:0;position:absolute;transition:opacity .2s ease}.home-page-wrapper .action-card:hover{box-shadow:0 10px 20px #00000080;transform:translateY(-8px)}.home-page-wrapper .action-card:hover:before{opacity:.9}.home-page-wrapper .action-card:focus-visible{outline:2px solid var(--accent-blue);outline-offset:4px}.home-page-wrapper .card-1{background-image:url(https://images.unsplash.com/photo-1600080972464-8e5f35f63d08?auto=format&fit=crop&w=400&q=80)}.home-page-wrapper .card-2{background-image:url(https://images.unsplash.com/photo-1554213352-5ffe6534af08?q=80&w=685&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);margin-top:20px}.home-page-wrapper .card-3{background-image:url(https://images.unsplash.com/photo-1606144042614-b2417e99c4e3?auto=format&fit=crop&w=400&q=80)}.home-page-wrapper .card-4{background-image:url(https://images.unsplash.com/photo-1526509867162-5b0c0d1b4b33?auto=format&fit=crop&w=400&q=80);margin-top:20px}.home-page-wrapper .card-overlay{background:rgba(18,24,38,.377);border:1px solid var(--border-color);border-radius:12px;bottom:20px;left:50%;padding:16px;position:absolute;text-align:center;transform:translateX(-50%);width:80%;z-index:1}.home-page-wrapper .action-card:active{transform:translateY(-4px) scale(.99)}.home-page-wrapper .card-overlay i{color:var(--text-light);display:block;font-size:20px;margin-bottom:8px;transition:transform var(--duration-normal) var(--ease-out-quint)}.home-page-wrapper .action-card:hover .card-overlay i{transform:scale(1.1)}.home-page-wrapper .card-overlay span{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;line-height:1.4}.home-page-wrapper .featured-section{margin:80px auto 4rem;max-width:1200px;padding:0 1.5rem}.home-page-wrapper .featured-header-bar{align-items:center;display:flex;justify-content:center;margin-bottom:40px;position:relative}.home-page-wrapper .featured-view-all{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.02em;position:absolute;right:0;text-decoration:none;transition:color var(--duration-normal) var(--ease-out-quint)}.home-page-wrapper .featured-view-all:hover{color:var(--accent-blue)}.home-page-wrapper .featured-view-all:focus-visible{border-radius:4px;color:var(--accent-blue);outline:2px solid var(--accent-blue);outline-offset:3px}.home-page-wrapper .section-header-custom{align-items:center;display:flex;gap:24px;justify-content:center;margin-bottom:0}.home-page-wrapper .section-header-custom h2{color:var(--text-light);font-size:1.8rem;font-weight:500;letter-spacing:.02em;margin:0}.home-page-wrapper .section-header-custom .line{background-color:var(--border-color);height:1px;width:300px}.home-page-wrapper .featured-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.home-page-wrapper .featured-grid__item{min-width:0}.home-page-wrapper .featured-skeleton{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}.home-page-wrapper .skeleton-card{animation:skeleton-shimmer 1.5s var(--ease-out-quint) infinite;animation-delay:0ms;animation-delay:calc(var(--i, 0)*.1s);background:linear-gradient(90deg,var(--bg-card-dark) 0,#ffffff0f 45%,var(--bg-card-dark) 90%);background-size:200% 100%;border-radius:12px;height:420px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-page-wrapper .loading-state{color:var(--text-muted);font-size:1rem;margin:2rem 0;text-align:center}.home-page-wrapper .empty-state{color:var(--text-muted);font-size:1rem;padding:3rem 1rem;text-align:center}.home-page-wrapper .empty-state a{color:var(--accent-blue);font-weight:600;text-decoration:none}.home-page-wrapper .empty-state a:hover{color:var(--accent-blue-deep)}.home-page-wrapper .empty-state a:focus-visible{border-radius:4px;outline:2px solid var(--accent-blue);outline-offset:3px}@media (max-width:768px){.home-page-wrapper .action-card{margin-top:0!important;width:45%}.home-page-wrapper .featured-grid,.home-page-wrapper .featured-skeleton{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:480px){.home-page-wrapper .action-card{width:100%}}.sidebar-filters{--sidebar-bg:#050a0f;--sidebar-ink:#fff;--sidebar-muted:#ffffffb8;--sidebar-line:#ffffff1f;--sidebar-hover:#ffffff0f;--sidebar-focus:#007bff73;background-color:var(--sidebar-bg);border:1px solid var(--sidebar-line);border-radius:12px;box-shadow:0 8px 24px #00000080;color:var(--sidebar-ink);max-height:calc(100vh - 108px);overflow-y:auto;padding:1.25rem 1rem 1.5rem;position:-webkit-sticky;position:sticky;scrollbar-color:#282828 var(--sidebar-bg);scrollbar-width:thin;top:88px}.sidebar-header{align-items:center;border-bottom:1px solid var(--sidebar-line);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.35rem;padding:0 .35rem .85rem}.sidebar-header h3{align-items:center;display:flex;font-size:.9375rem;font-weight:600;gap:.55rem;letter-spacing:0;margin:0;text-transform:none}.sidebar-header h3,.sidebar-header h3 i{color:var(--sidebar-ink)}.filters-visibility-toggle{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--sidebar-muted);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out;width:2rem}.filters-visibility-toggle:hover{background-color:var(--sidebar-hover);color:var(--sidebar-ink)}.filters-visibility-toggle:focus-visible{border-color:var(--sidebar-focus);box-shadow:0 0 0 2px var(--sidebar-focus);outline:none}.filters-visibility-toggle i{font-size:.95rem}.filter-drawer{border-bottom:1px solid var(--sidebar-line)}.filter-drawer:last-child{border-bottom:none}.filter-drawer-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:var(--sidebar-ink);cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;margin:0;padding:.85rem .5rem;text-align:left;transition:background-color .16s ease-out,border-color .16s ease-out;width:100%}.filter-drawer-trigger:hover{background-color:var(--sidebar-hover)}.filter-drawer-trigger:focus-visible{border-color:var(--sidebar-focus);box-shadow:0 0 0 2px var(--sidebar-focus);outline:none}.filter-drawer-label{align-items:center;display:inline-flex;font-size:.875rem;font-weight:500;gap:.65rem;letter-spacing:0;text-transform:none}.filter-drawer-label i{opacity:.9;text-align:center;width:1.1rem}.filter-drawer-chevron{font-size:.7rem;opacity:.75;transition:transform .18s cubic-bezier(.16,1,.3,1)}.filter-drawer-chevron.is-open{transform:rotate(180deg)}.filter-drawer-panel{padding:0 .25rem .95rem .85rem}.filter-drawer-panel[hidden]{display:none}.filter-drawer-panel-inner{border-left:1px solid var(--sidebar-line);display:flex;flex-direction:column;gap:.15rem;padding-left:.75rem}.category-group-drawer{margin-top:.35rem}.category-group-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--sidebar-ink);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;letter-spacing:0;padding:.45rem .35rem;text-transform:none;transition:background-color .16s ease-out,color .16s ease-out;width:100%}.category-group-trigger:hover{background-color:var(--sidebar-hover);color:var(--sidebar-ink)}.category-group-trigger:focus-visible{border-color:var(--sidebar-focus);outline:none}.category-group-panel{display:flex;flex-direction:column;gap:.1rem;padding:.15rem 0 .35rem .25rem}.category-group-panel[hidden]{display:none}.filter-category-btn{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:var(--sidebar-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;gap:.65rem;letter-spacing:0;padding:.48rem .7rem;text-align:left;text-transform:none;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out;width:100%}.filter-category-icon{flex-shrink:0;font-size:.85rem;opacity:.9;text-align:center;width:1.1rem}.filter-category-btn:hover{background-color:var(--sidebar-hover);color:var(--sidebar-ink)}.filter-category-btn:focus-visible{border-color:var(--sidebar-focus);outline:none}.filter-category-btn.active{background-color:var(--primary-color);color:#fff;font-weight:600}.price-filter-inputs{align-items:center;display:flex;gap:.5rem}.price-input-wrapper{flex:1 1;position:relative}.price-input-wrapper span{color:var(--sidebar-muted);font-size:.85rem;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.price-input{background:#ffffff0a;border:1px solid var(--sidebar-line);border-radius:6px;color:var(--sidebar-ink);font-size:.9rem;padding:.6rem .5rem .6rem 1.8rem;transition:border-color .16s ease-out,background-color .16s ease-out;width:100%}.price-input::placeholder{color:#fff6}.price-input:focus{background:#ffffff12;border-color:var(--primary-color);outline:none}.separator{color:var(--sidebar-muted);font-weight:700}.brands-list{display:flex;flex-direction:column;gap:.55rem}.brand-checkbox-item{align-items:center;color:var(--sidebar-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;letter-spacing:0;padding-left:30px;position:relative;text-transform:none;-webkit-user-select:none;user-select:none}.brand-checkbox-item:hover{color:var(--sidebar-ink)}.brand-checkbox-item input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#ffffff0f;border:1px solid var(--sidebar-line);border-radius:4px;height:18px;left:0;position:absolute;top:0;transition:background-color .16s ease-out,border-color .16s ease-out;width:18px}.brand-checkbox-item:hover .checkmark{border-color:var(--primary-color)}.brand-checkbox-item input:focus-visible~.checkmark{outline:2px solid var(--sidebar-focus);outline-offset:2px}.brand-checkbox-item input:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:9px;left:5px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.brand-checkbox-item input:checked~.checkmark:after{display:block}@media (prefers-reduced-motion:reduce){.category-group-trigger,.checkmark,.filter-category-btn,.filter-drawer-chevron,.filter-drawer-trigger,.price-input{transition:none}}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.no-products-message{background-color:#fff;border:1px dashed var(--border-color);border-radius:12px;color:var(--text-muted);font-size:1.2rem;grid-column:1/-1;padding:3rem;text-align:center}.comparison-bar{align-items:center;background-color:var(--dark-bg);border-radius:12px 12px 0 0;bottom:-100px;box-shadow:0 -5px 15px #00000026;color:var(--text-light);display:flex;justify-content:space-between;left:50%;max-width:1000px;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);transition:bottom .4s ease-in-out;width:90%;z-index:1000}.comparison-bar.active{bottom:0}.comparison-bar-info{align-items:center;display:flex;gap:1.5rem}.comparison-count{line-height:1.2;text-align:center}.comparison-count-number{font-size:1.8rem;font-weight:700}.comparison-count-number span{color:var(--secondary-color)}.comparison-helper-text{color:#a0aec0;font-size:.8rem}.selected-products-preview{display:flex;gap:.5rem}.selected-product-mini{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;height:55px;justify-content:center;padding:.3rem;position:relative;width:55px}.selected-product-mini.placeholder{background-color:#ffffff0d;border-style:dashed}.selected-product-mini img{max-height:100%;max-width:100%;object-fit:contain}.remove-mini-btn{align-items:center;background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:18px;justify-content:center;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .2s ease;width:18px}.selected-product-mini:hover .remove-mini-btn{opacity:1}.comparison-bar-actions{align-items:center;display:flex;gap:1rem}.clear-selection-btn,.compare-now-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .2s ease}.clear-selection-btn{background:#ffffff26;border:1px solid #ffffff4d;color:#fff}.clear-selection-btn:hover:not(:disabled){background:#ffffff40}.compare-now-btn{background-color:var(--secondary-color);border:none;color:var(--text-dark)}.compare-now-btn:hover:not(:disabled){background-color:#00cc6a;transform:translateY(-2px)}.clear-selection-btn:disabled,.compare-now-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.comparison-bar{bottom:-150px;flex-direction:column;gap:1rem;padding:.8rem 1rem}.comparison-bar.active{bottom:0}.comparison-bar-info{gap:1rem;justify-content:space-between;width:100%}.comparison-bar-actions{justify-content:space-between;width:100%}.clear-selection-btn,.compare-now-btn{font-size:.9rem;padding:.6rem 1rem}}.wheel-pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:1.25rem 1rem .5rem;-webkit-user-select:none;user-select:none}.wheel-pagination__arrow{align-items:center;background:#0000;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:color .2s ease,background-color .2s ease,opacity .2s ease;width:40px}.wheel-pagination__arrow:hover:not(:disabled){background-color:#007bff1f;color:#007bff}.wheel-pagination__arrow:disabled{cursor:not-allowed;opacity:.35}.wheel-pagination__pages{align-items:center;display:flex;gap:.5rem}.wheel-pagination__page{align-items:center;background-color:#1f2937;border:1px solid #0000;border-radius:999px;color:#edf2f7;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;height:40px;justify-content:center;min-height:40px;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:40px}.wheel-pagination__page:hover:not(.is-active){border-color:#007bff73;color:#fff}.wheel-pagination__page.is-active{background-color:#007bff;border-color:#007bff;color:#fff}.wheel-pagination--sm{gap:.2rem;margin:0 0 .85rem;padding:0}.wheel-pagination--sm .wheel-pagination__pages{gap:.2rem}.wheel-pagination--sm .wheel-pagination__arrow{border-radius:6px;height:26px;width:26px}.wheel-pagination--sm .wheel-pagination__page{background-color:initial;border-color:#0000;color:#9ca3af;font-size:.75rem;font-weight:600;height:26px;min-height:26px;width:26px}.wheel-pagination--sm .wheel-pagination__page:hover:not(.is-active){background-color:#ffffff0f;border-color:#0000;color:#fff}.wheel-pagination--sm .wheel-pagination__page.is-active{background-color:#007bff;border-color:#007bff;color:#fff}@media (max-width:768px){.wheel-pagination{flex-wrap:wrap;gap:.2rem;padding-left:0;padding-right:0}.wheel-pagination__pages{gap:.25rem}.wheel-pagination__arrow,.wheel-pagination__page{font-size:.8125rem;height:32px;min-height:32px;width:32px}}.product-list-page{margin:0 auto;max-width:1600px}.page-content-layout{grid-gap:2.5rem;align-items:flex-start;display:grid;gap:2.5rem;grid-template-columns:280px 1fr;padding:2rem}.page-header{align-items:center;background-image:url(https://images.unsplash.com/photo-1555680202-c86f0e12f086?q=80&w=2070&auto=format&fit=crop);background-position:center 30%;background-size:cover;border-radius:16px;color:var(--text-light);display:flex;flex-direction:column;height:300px;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center}.page-header:before{background:linear-gradient(rgba(23,26,32,.438),#1a202cb3);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.page-header h1,.page-header p{position:relative;z-index:2}.page-header h1{color:var(--text-light);font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:#a0aec0;font-size:1.1rem;margin:.5rem auto 0;max-width:600px}.search-container{margin:2.5rem auto;position:relative;width:50%}.search-container .search-icon{color:#8b949e;font-size:.9rem;left:24px;position:absolute;top:50%;transform:translateY(-50%)}.main-search-bar{background-color:#1a1d24;border:1px solid #ffffff14;border-radius:50px;box-sizing:border-box;color:#fff;font-size:1rem;padding:14px 24px 14px 50px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.main-search-bar:focus{border-color:#007bff;border-color:var(--accent-blue,#007bff);box-shadow:0 0 0 3px #007bff40;outline:none}.main-search-bar::placeholder{color:#8b949e;opacity:1}.product-list-toolbar{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);margin:0 0 1rem;min-height:40px}.product-list-meta{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.9rem;line-height:1.2;margin:0;text-align:left}.product-list-toolbar .wheel-pagination--sm{justify-self:center;margin:0;padding:0}.product-sort{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;justify-self:end}.product-sort-label{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.9rem;font-weight:500;white-space:nowrap}.product-sort-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#1a1d24;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%239CA3AF' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:10px;border:1px solid #ffffff14;border-radius:6px;box-shadow:none;color:#fff;color:var(--text-light,#fff);color-scheme:dark;cursor:pointer;font-family:inherit;font-size:.9rem;min-width:220px;outline:none;padding:.55rem 2rem .55rem .85rem;transition:border-color .2s ease}.product-sort-select:hover{border-color:#ffffff2e}.product-sort-select:focus,.product-sort-select:focus-visible{border-color:#007bff;border-color:var(--accent-blue,#007bff);box-shadow:none;outline:none}.product-sort-select option{background-color:#1a1d24;border:none;color:#fff;color:var(--text-light,#fff)}.error-message,.loading-message{background:#0000;border:none;border-radius:12px;color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:1.2rem;padding:4rem 2rem;text-align:center}.error-message i,.loading-message i{color:var(--primary-color);display:block;font-size:2rem;margin-bottom:1rem}.error-message i{color:#e53e3e}@media (max-width:768px){.page-content-layout{grid-template-columns:1fr;padding:1rem}.page-header{height:300px;padding:3rem 1.5rem}.search-container{margin-bottom:1.5rem;margin-top:1.5rem;width:100%}.product-list-toolbar{gap:.75rem;grid-template-columns:1fr;justify-items:stretch}.product-list-toolbar .wheel-pagination--sm{justify-self:center;order:2}.product-list-meta{order:1}.product-sort{justify-content:stretch;justify-self:stretch;order:3;width:100%}.product-sort-select{flex:1 1;min-width:0;width:100%}}.product-detail-page{color:var(--text-light);margin:0 auto;max-width:1100px;padding:1.25rem 1.5rem 3rem}.product-detail-page .pdp-error,.product-detail-page .pdp-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-height:320px;text-align:center}.product-detail-page .pdp-error h2{color:var(--text-light);font-size:1.5rem;font-weight:600}.product-detail-page .pdp-back-link{color:var(--accent-blue);font-weight:600;margin-top:.5rem;text-decoration:none}.product-detail-page .pdp-back-link:hover{color:var(--accent-blue-deep)}.product-detail-page .pdp-breadcrumb{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.6875rem;font-weight:600;gap:.4rem .5rem;letter-spacing:.06em;margin-bottom:1.5rem;text-transform:uppercase}.product-detail-page .pdp-breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.product-detail-page .pdp-breadcrumb a:hover{color:var(--text-light)}.product-detail-page .pdp-breadcrumb-sep{color:var(--text-muted);font-size:.625rem;opacity:.6}.product-detail-page .pdp-breadcrumb-current{color:var(--text-muted);max-width:min(420px,55vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-detail-page .pdp-main{margin-bottom:2.5rem}.product-detail-page .pdp-layout{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:minmax(260px,40%) 1fr}.product-detail-page .pdp-gallery{display:flex;flex-direction:column;gap:.85rem}.product-detail-page .pdp-main-image{align-items:center;aspect-ratio:1/1;background-color:#fff;border-radius:14px;cursor:zoom-in;display:flex;justify-content:center;max-height:420px;overflow:hidden;padding:1.75rem;position:relative}.product-detail-page .pdp-main-image img{max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease}.product-detail-page .pdp-main-image:hover img{transform:scale(1.03)}.product-detail-page .pdp-discount-badge{background-color:var(--accent-green);border-radius:6px;color:#07060b;font-size:.75rem;font-weight:800;left:1rem;padding:.3rem .55rem;position:absolute;top:1rem;z-index:1}.product-detail-page .pdp-thumbnails{display:flex;flex-wrap:wrap;gap:.65rem}.product-detail-page .pdp-thumbnail{background-color:#fff;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;height:68px;padding:.3rem;transition:border-color .2s ease;width:68px}.product-detail-page .pdp-thumbnail.is-active,.product-detail-page .pdp-thumbnail:hover{border-color:var(--accent-green)}.product-detail-page .pdp-thumbnail img{height:100%;object-fit:contain;width:100%}.product-detail-page .pdp-content{display:flex;flex-direction:column;gap:.85rem;min-width:0;padding-top:.15rem}.product-detail-page .pdp-stock-badge{align-items:center;color:var(--accent-green);display:inline-flex;font-size:.6875rem;font-weight:400;gap:.45rem;letter-spacing:.1em;text-transform:uppercase}.product-detail-page .pdp-stock-dot{background-color:var(--accent-green);border-radius:50%;flex-shrink:0;height:7px;width:7px}.product-detail-page .pdp-stock-badge.is-unavailable{color:var(--text-muted)}.product-detail-page .pdp-stock-badge.is-unavailable .pdp-stock-dot{background-color:var(--text-muted)}.product-detail-page .pdp-title{color:var(--text-light);font-size:clamp(1.25rem,1.5vw,1.75rem);font-weight:600;line-height:1.35;margin:.15rem 0 0}.product-detail-page .pdp-description{color:var(--text-muted);font-size:.875rem;line-height:1.65;margin:0}.product-detail-page .pdp-features{display:flex;flex-direction:column;gap:.55rem;list-style:none;margin:.35rem 0 .5rem;padding:0}.product-detail-page .pdp-feature-item{align-items:center;display:flex;font-size:.875rem;gap:.65rem}.product-detail-page .pdp-feature-icon{align-items:center;background-color:#22c55e26;border-radius:50%;color:var(--accent-green);display:inline-flex;flex-shrink:0;font-size:.6rem;height:22px;justify-content:center;width:22px}.product-detail-page .pdp-feature-label{color:var(--text-muted)}.product-detail-page .pdp-feature-value{color:var(--text-light);font-weight:600}.product-detail-page .pdp-offers-box{background-color:#0c1018;border:1px solid #ffffff12;border-radius:10px;box-shadow:inset 2px 0 0 #007bff8c;margin-top:.75rem;padding:1.25rem 1.35rem}.product-detail-page .pdp-offers-title{color:#8b939e;font-size:.625rem;font-weight:700;letter-spacing:.14em;margin:0 0 1rem;text-transform:uppercase}.product-detail-page .pdp-offer-list{display:flex;flex-direction:column;gap:.55rem}.product-detail-page .pdp-offer-row{align-items:center;background-color:#161b26;border:1px solid #0000;border-radius:6px;color:inherit;display:flex;gap:.7rem;padding:.8rem 1rem;text-decoration:none;transition:background-color .2s ease}.product-detail-page .pdp-offer-row:hover{background-color:#1c2230;border-color:#ffffff0f}.product-detail-page .pdp-store-logo{align-items:center;background-color:#0a0e14;border-radius:6px;color:#9ca3af;display:inline-flex;flex-shrink:0;font-size:.6875rem;font-weight:600;height:34px;justify-content:center;letter-spacing:.02em;width:34px}.product-detail-page .pdp-store-name{color:var(--text-light);flex:1 1;font-size:.9375rem;font-weight:600;min-width:0}.product-detail-page .pdp-offer-price{color:var(--accent-green);font-size:1.2rem;font-weight:700;line-height:1;margin-left:auto;white-space:nowrap}.product-detail-page .pdp-offer-cta{color:#d1d5db;flex-shrink:0;font-size:.8rem;opacity:.85}.product-detail-page .pdp-offer-row:hover .pdp-offer-cta{color:var(--text-light);opacity:1}.product-detail-page .pdp-no-offers{color:var(--text-muted);font-size:.875rem;margin:0}.product-detail-page .pdp-specs-section{margin-top:0}.product-detail-page .pdp-section-title{border-bottom:none;color:var(--text-light);font-size:1.125rem;font-weight:700;margin:0 0 1rem;padding:0}.product-detail-page .pdp-specs-grid{background-color:#0a0c10;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.product-detail-page .pdp-spec-item{border-bottom:1px solid #2a2f3a;display:grid;grid-template-columns:minmax(130px,42%) 1fr}.product-detail-page .pdp-spec-item:last-child{border-bottom:none}.product-detail-page .pdp-spec-label{background-color:#1a1f28;border-right:1px solid #2a2f3a;color:var(--text-light);font-size:.875rem;font-weight:700;padding:1rem 1.25rem}.product-detail-page .pdp-spec-value{background-color:#0c1018;color:#9ca3af;font-size:.875rem;font-weight:400;padding:1rem 1.25rem}.product-detail-page .pdp-specs-list{grid-gap:.35rem;color:var(--text-muted);display:grid;gap:.35rem;list-style:disc;padding-left:1.25rem}.product-detail-page .pdp-no-specs{color:var(--text-muted);font-size:.875rem}.product-detail-page .pdp-image-modal{align-items:center;background-color:#000000e0;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:1000}.product-detail-page .pdp-modal-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1.5rem;top:1.25rem}.product-detail-page .pdp-modal-content img{border-radius:8px;max-height:85vh;max-width:min(90vw,900px);object-fit:contain}@media (max-width:860px){.product-detail-page .pdp-layout{gap:1.75rem;grid-template-columns:1fr}.product-detail-page .pdp-main-image{aspect-ratio:auto;max-height:340px;min-height:260px}.product-detail-page .pdp-offer-row{flex-wrap:nowrap;padding:.75rem .85rem}.product-detail-page .pdp-offer-price{font-size:1.05rem;margin-left:auto;order:0;width:auto}.product-detail-page .pdp-offer-cta{margin-left:0}.product-detail-page .pdp-spec-item{grid-template-columns:1fr 1fr}.product-detail-page .pdp-spec-label{border-bottom:none;border-right:1px solid #2a2f3a;padding:.85rem 1rem}.product-detail-page .pdp-spec-value{padding:.85rem 1rem}}@media (prefers-reduced-motion:reduce){.product-detail-page .pdp-main-image img,.product-detail-page .pdp-offer-row,.product-detail-page .pdp-thumbnail{transition:none}.product-detail-page .pdp-main-image:hover img{transform:none}}.compare-page-wrapper .comparison-header{margin-bottom:3rem;text-align:center}.compare-page-wrapper .comparison-header h1{color:#fff;font-size:3rem;font-weight:700}.compare-page-wrapper .comparison-header p{color:#9ca3af;font-size:1.2rem}.compare-page-wrapper .comparison-container{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:stretch;margin:0 auto;max-width:1400px}.compare-page-wrapper .comparison-column{display:flex;flex-direction:column}.compare-page-wrapper .comparison-card{background-color:#1f2937;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.compare-page-wrapper .product-summary{background-color:#111827;border-bottom:1px solid #ffffff0d;padding:1.5rem;position:relative;text-align:center}.compare-page-wrapper .summary-header{position:absolute;right:10px;top:10px}.compare-page-wrapper .remove-btn{align-items:center;background:#ff32321a;border:none;border-radius:50%;color:#ff4757;cursor:pointer;display:flex;height:30px;justify-content:center;transition:.2s;width:30px}.compare-page-wrapper .remove-btn:hover{background:#ff4757;color:#fff}.compare-page-wrapper .summary-image{background-color:#fff;border-radius:8px;height:140px;margin:0 auto 1rem;object-fit:contain;padding:10px;width:140px}.compare-page-wrapper .summary-name a{color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none}.compare-page-wrapper .summary-price{color:#10b981;font-size:1.3rem;font-weight:700;margin-top:10px}.compare-page-wrapper .product-actions{display:flex;gap:10px;margin-top:15px}.compare-page-wrapper .product-action-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px;text-align:center;text-decoration:none}.compare-page-wrapper .product-action-btn.primary{background-color:#10b981}.compare-page-wrapper .product-action-btn.secondary{background-color:#007bff}.compare-page-wrapper .card-body{padding:1.5rem}.compare-page-wrapper .section-title{border-bottom:1px solid #ffffff1a;font-size:1.1rem;margin-bottom:15px;padding-bottom:5px}.compare-page-wrapper .pros-list li{color:#10b981;font-size:.9rem;margin-bottom:8px}.compare-page-wrapper .cons-list li{color:#ef4444;font-size:.9rem;margin-bottom:8px}.compare-page-wrapper .spec-list{list-style:none;margin:0;padding:0}.compare-page-wrapper .spec-item{border-bottom:1px solid #ffffff0d;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 0}.compare-page-wrapper .spec-name{color:#9ca3af}.compare-page-wrapper .spec-value{font-weight:500;max-width:60%;text-align:right}.compare-page-wrapper .placeholder-card{align-items:center;background-color:initial;border:2px dashed #fff3;border-radius:12px;color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;transition:all .2s ease}.compare-page-wrapper .placeholder-card:hover{background-color:#ffffff0d;border-color:#007bff;color:#007bff}.compare-page-wrapper .placeholder-icon{font-size:3rem;margin-bottom:1rem}.compare-page-wrapper .modal{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.compare-page-wrapper .modal-content{background-color:#161b22;border:1px solid #30363d;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:85vh;max-width:1300px;overflow:hidden;width:95%}.compare-page-wrapper .modal-content h2{color:#fff;font-size:1.5rem;margin:0;padding:1.5rem 1.5rem 0}.compare-page-wrapper .modal-close-btn{background:none;border:none;color:#8b949e;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1.5rem;top:1.5rem}.compare-page-wrapper .modal-close-btn:hover{color:#ff4757}.compare-page-wrapper .modal-lock-warning{background-color:#007bff1a;border:1px solid #007bff33;border-radius:6px;color:#58a6ff;font-size:.9rem;margin:1rem 1.5rem 0;padding:10px 15px}.compare-page-wrapper .modal-body{display:flex;flex-direction:row;gap:2rem;height:100%;overflow:hidden;padding:1.5rem}.compare-page-wrapper .modal-filters{border-right:1px solid #30363d;display:flex;flex-direction:column;flex-shrink:0;gap:1.5rem;overflow-y:auto;padding-right:1.5rem;width:280px}.compare-page-wrapper .filter-group{display:flex;flex-direction:column;gap:.5rem}.compare-page-wrapper .filter-group .category-label,.compare-page-wrapper .filter-group label{color:#8b949e;font-size:.9rem;font-weight:600}.compare-page-wrapper .modal-filters select,.compare-page-wrapper .search-input{background-color:#0d1117;border:1px solid #30363d;border-radius:8px;color:#fff;padding:12px 15px;width:100%}.compare-page-wrapper .modal-filters select:focus,.compare-page-wrapper .search-input:focus{border-color:#007bff;outline:none}.compare-page-wrapper .category-options{display:flex;flex-direction:column;gap:.8rem}.compare-page-wrapper .category-option{align-items:center;color:#c9d1d9;cursor:pointer;display:flex;font-size:.95rem;gap:8px}.compare-page-wrapper .category-option:hover{color:#fff}.compare-page-wrapper .modal-main-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding-right:1rem}.compare-page-wrapper .results-summary{color:#8b949e;font-size:.9rem;margin-bottom:1.5rem}.compare-page-wrapper .modal-product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.compare-page-wrapper .modal-product-card{background-color:#1f2937;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.compare-page-wrapper .modal-product-card:hover{border-color:#007bff;box-shadow:0 10px 20px #00000080;transform:translateY(-5px)}.compare-page-wrapper .modal-product-card.selected-for-comparison{box-shadow:0 0 15px #007bff66;cursor:not-allowed;opacity:.5;outline:2px solid #007bff}.compare-page-wrapper .modal-product-card img{background-color:#fff;border-bottom:1px solid #ffffff0d;height:150px;object-fit:contain;padding:1rem;width:100%}.compare-page-wrapper .modal-card-content{display:flex;flex-direction:column;gap:6px;padding:1rem}.compare-page-wrapper .modal-card-brand{color:#9ca3af!important;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.compare-page-wrapper .modal-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff!important;display:-webkit-box;font-size:.95rem;font-weight:600;margin:0;min-height:42px;overflow:hidden}.compare-page-wrapper .modal-card-price{color:#10b981!important;font-size:1.1rem;font-weight:700;margin:4px 0 0}:root{--background:#09090b;--foreground:#fafafa;--primary:#007bff;--secondary:#27272a;--muted:#3f3f46;--muted-foreground:#a1a1aa;--border:#27272a;--accent:#007bff}.glass-surface{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#27272a66;border:1px solid #ffffff0d;border-radius:1rem}.bento-card{background-color:#27272a4d;border:1px solid #27272a;border:1px solid var(--border);border-radius:1rem;cursor:pointer;transition:all .3s ease;width:100%}.bento-card:hover{background-color:#27272a99;border-color:#3b82f680}.bento-card-active{background-color:#3b82f61a;border-color:#007bff;border-color:var(--primary)}.pill-button{background-color:#27272a;background-color:var(--secondary);border:1px solid #0000;border-radius:9999px;color:#a1a1aa;color:var(--muted-foreground);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.pill-button:hover{background-color:#3f3f46;background-color:var(--muted);color:#fafafa;color:var(--foreground)}.pill-button-active{border-color:#007bff;border-color:var(--primary);box-shadow:0 0 15px #3b82f64d;color:#fff}.cta-button,.pill-button-active{background-color:#007bff;background-color:var(--primary)}.cta-button{border:none;border-radius:.75rem;cursor:pointer;font-weight:700;letter-spacing:.5px;padding:.75rem 2rem;text-transform:uppercase;transition:all .2s ease}.cta-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 10px 25px #3b82f666;transform:translateY(-2px)}.cta-button:disabled{cursor:not-allowed;opacity:.5}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.loading-spinner{animation:rec-spin .85s linear infinite;color:#007bff}@keyframes rec-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none;opacity:.85}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#27272a;background-color:var(--border);border-radius:10px}.mode-selector-container{align-items:center;background-color:#09090b;display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;justify-content:flex-start;min-height:100vh;padding:2rem 1rem}.mode-header{margin-bottom:3rem;max-width:600px;text-align:center}.mode-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.mode-subtitle{color:#a1a1aa;font-size:1rem;line-height:1.5}.mode-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(1,1fr);max-width:800px;width:100%}@media (min-width:768px){.mode-cards-grid{grid-template-columns:repeat(2,1fr)}.mode-cards-grid--three{grid-template-columns:repeat(3,1fr);max-width:1080px}}@media (max-width:960px){.mode-cards-grid--three{grid-template-columns:1fr;max-width:560px}}.mode-card{background-color:#27272a66;border:1px solid #ffffff14;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;height:100%;padding:2rem;text-align:left;transition:all .3s ease}.mode-card:hover{background-color:#27272acc;border-color:#3b82f680;transform:translateY(-4px)}.mode-card-icon-wrapper{align-items:center;background-color:#3b82f61a;border-radius:1rem;color:#3b82f6;display:flex;height:3.5rem;justify-content:center;margin-bottom:1.5rem;transition:background-color .3s ease;width:3.5rem}.mode-card:hover .mode-card-icon-wrapper{background-color:#3b82f633}.mode-card-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.mode-card-desc{color:#a1a1aa;flex-grow:1;font-size:.875rem;line-height:1.6}.mode-card-footer{border-top:1px solid #ffffff14;color:#3b82f6;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:2rem;padding-top:1rem}.option-select-step{margin:0 auto;max-width:800px;width:100%}.option-select-header{margin-bottom:2rem;text-align:center}.option-select-header h2{text-wrap:balance;color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.option-select-header p{color:#9ca3af;font-size:.95rem;margin:0}.option-select-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:1fr}@media (min-width:640px){.option-select-grid,.option-select-grid.cols-2{grid-template-columns:repeat(2,1fr)}}.option-select-card{align-items:flex-start;background:#16191d;border:1px solid #ffffff14;border-radius:12px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.35rem;padding:1.25rem 1.35rem;position:relative;text-align:left;transition:border-color .2s ease,background-color .2s ease;width:100%}.option-select-card:hover{background:#3b82f6;border-color:#3b82f6}.option-select-card:hover h3,.option-select-card:hover p{color:#fff}.option-select-card.active{background:#16191d;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f659}.option-select-card h3{color:#fff;font-size:1rem;font-weight:600;margin:0;padding-right:1.5rem}.option-select-card p{color:#9ca3af;font-size:.8125rem;line-height:1.45;margin:0}.option-select-check{align-items:center;background:#3b82f6;border-radius:9999px;color:#fff;display:flex;height:1.25rem;justify-content:center;position:absolute;right:.85rem;top:.85rem;width:1.25rem}.rec-result-page{--rec-bg:var(--bg-dark,#07060b);--rec-surface:var(--bg-card-dark,#121826);--rec-surface-2:#050a0f;--rec-border:var(--border-color,#ffffff1a);--rec-ink:var(--text-light,#fff);--rec-muted:var(--text-muted,#9ca3af);--rec-signal:var(--accent-blue,#007bff);--rec-signal-deep:var(--accent-blue-deep,#0056b3);--rec-value:var(--accent-green,#10b981);--rec-value-deep:var(--accent-green-deep,#0c9e6d);--rec-radius:12px;--rec-radius-sm:6px;box-sizing:border-box;color:var(--rec-ink);margin:0 auto;max-width:1120px;padding:1.25rem 1.25rem 3rem;width:100%}.rec-page-header{margin-bottom:1.5rem}.rec-page-header__title{text-wrap:balance;color:var(--rec-ink);font-size:2.25rem;font-weight:650;letter-spacing:-.02em;line-height:1.2;margin:0}.rec-page-header__lead{text-wrap:pretty;color:var(--rec-muted);font-size:.95rem;line-height:1.55;margin:.5rem 0 0;max-width:42rem}.rec-context-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:1rem 0 0;padding:0}.rec-context-chip{align-items:center;background:#1f2937;background:var(--surface-muted,#1f2937);border-radius:var(--rec-radius-sm);color:var(--rec-ink);display:inline-flex;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.rec-label{color:var(--rec-muted);font-size:.6875rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.rec-price{color:var(--rec-value);font-size:.875rem;font-weight:600;white-space:nowrap}.rec-spec-row{display:flex;flex-wrap:wrap;gap:.35rem}.rec-spec{color:var(--rec-muted);font-size:.75rem;font-weight:500}.rec-product-image{box-sizing:border-box;height:100%;max-height:180px;object-fit:contain;padding:.75rem;width:100%}.rec-summary{margin-bottom:2.25rem}.rec-summary__pricing{background:var(--rec-surface);border-radius:var(--rec-radius);box-sizing:border-box;padding:1.25rem 1.5rem 1.35rem}.rec-summary__title{color:var(--rec-muted);font-size:.875rem;font-weight:500;margin:0}.rec-summary__total{color:var(--rec-value);font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:.35rem 0 0}.rec-summary__note{text-wrap:pretty;color:var(--rec-muted);font-size:.85rem;line-height:1.5;margin:.55rem 0 0;max-width:40rem}.rec-summary__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.rec-warnings{align-items:flex-start;background:#f59e0b1a;border-radius:var(--rec-radius-sm);color:#fbbf24;display:flex;gap:.75rem;margin:-.75rem 0 2.25rem;padding:.9rem 1rem}.rec-warnings svg{flex:0 0 auto;margin-top:.1rem}.rec-warnings h2{color:#fde68a;font-size:.9rem;font-weight:650;margin:0}.rec-warnings p{color:#fcd34d;font-size:.825rem;line-height:1.5;margin:.2rem 0 0;max-width:65ch}.rec-section{margin-bottom:2.5rem}.rec-section__header{margin-bottom:.85rem}.rec-section__title{text-wrap:balance;color:var(--rec-ink);font-size:1.35rem;font-weight:650;letter-spacing:-.015em;margin:0}.rec-upgrade-plan{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.rec-upgrade-plan__row{align-items:flex-start;background:var(--rec-surface);border-radius:var(--rec-radius-sm);display:flex;gap:.75rem;padding:.75rem .9rem}.rec-upgrade-plan__badge{align-items:center;background:#1f2937;background:var(--surface-muted,#1f2937);border-radius:var(--rec-radius-sm);color:var(--rec-muted);display:inline-flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.rec-upgrade-plan__row--replace .rec-upgrade-plan__badge{background:#007bff1f;color:var(--rec-signal)}.rec-upgrade-plan__row--keep .rec-upgrade-plan__badge{background:#10b9811f;color:var(--rec-value)}.rec-upgrade-plan__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.rec-upgrade-plan__detail{color:var(--rec-ink);font-size:.9rem;font-weight:500}.rec-hero-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:.75rem}.rec-hero-card{align-items:stretch;background:var(--rec-surface);border-radius:var(--rec-radius);display:flex;flex-direction:row;min-height:100%;overflow:hidden;transition:transform .18s ease-out,box-shadow .18s ease-out}.rec-hero-card:hover{box-shadow:0 10px 20px #00000080;transform:translateY(-4px)}.rec-hero-card__visual{align-items:center;background:#fff;display:flex;flex:0 0 120px;justify-content:center;width:120px}.rec-hero-card__icon{color:#1f2937;height:36px;width:36px}.rec-hero-card__body{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:0;padding:.9rem 1rem 1rem}.rec-hero-card__meta{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.rec-hero-card__name{color:var(--rec-ink);font-size:.95rem;font-weight:600;line-height:1.3}.rec-hero-card__desc,.rec-hero-card__name{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;margin:0;overflow:hidden}.rec-hero-card__desc{color:var(--rec-muted);font-size:.8rem;line-height:1.4}.rec-secondary-list{background:var(--rec-surface);border-radius:var(--rec-radius);list-style:none;margin:0;overflow:hidden;padding:.25rem 0}.rec-secondary-row{grid-gap:.75rem;align-items:center;border-bottom:1px solid #ffffff0f;display:grid;gap:.75rem;grid-template-columns:36px minmax(0,1.4fr) minmax(0,1fr) auto;padding:.7rem .9rem}.rec-secondary-row:last-child{border-bottom:none}.rec-secondary-row__icon{align-items:center;background:#1f2937;background:var(--surface-muted,#1f2937);border-radius:var(--rec-radius-sm);color:#ffffffd9;display:flex;height:36px;justify-content:center;width:36px}.rec-secondary-row__main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.rec-secondary-row__name{color:var(--rec-ink);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-secondary-row__specs{display:flex;flex-wrap:wrap;gap:.25rem;min-width:0}.rec-secondary-row__price{justify-self:end}.rec-featured-peripheral{grid-gap:0;background:var(--rec-surface);border-radius:var(--rec-radius);display:grid;gap:0;grid-template-columns:minmax(160px,220px) 1fr;margin-bottom:.75rem;overflow:hidden}.rec-featured-peripheral__visual{align-items:center;background:#fff;display:flex;justify-content:center;min-height:160px}.rec-featured-peripheral__icon{color:#1f2937;height:40px;width:40px}.rec-featured-peripheral__body{display:flex;flex-direction:column;gap:.45rem;padding:1.15rem 1.35rem}.rec-featured-peripheral__name{color:var(--rec-ink);font-size:1rem;font-weight:600;line-height:1.3;margin:0}.rec-featured-peripheral__desc{color:var(--rec-muted);font-size:.85rem;line-height:1.45;margin:0;max-width:48rem}.rec-peripherals-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.rec-peripherals-grid--alts{grid-template-columns:repeat(2,1fr)}.rec-peripheral-card{background:var(--rec-surface);border-radius:var(--rec-radius);display:flex;flex-direction:column;overflow:hidden;transition:transform .18s ease-out,box-shadow .18s ease-out}.rec-peripheral-card:hover{box-shadow:0 10px 20px #00000080;transform:translateY(-4px)}.rec-peripheral-card__visual{align-items:center;background:#fff;color:#1f2937;display:flex;justify-content:center;min-height:88px}.rec-peripheral-card__body{display:flex;flex-direction:column;gap:.4rem;padding:.85rem .95rem 1rem}.rec-peripheral-card__name{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--rec-ink);display:-webkit-box;font-size:.9rem;font-weight:600;line-height:1.3;margin:0;overflow:hidden}.rec-empty{background:var(--rec-surface);border-radius:var(--rec-radius);padding:1.5rem}.rec-empty h2{color:var(--rec-ink);font-size:1.1rem;margin:0}.rec-empty p{color:var(--rec-muted);line-height:1.5;margin:.4rem 0 0}.rec-btn{align-items:center;border:1px solid #0000;border-radius:25px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.45rem;justify-content:center;padding:12px 30px;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out}.rec-btn--primary{background:var(--rec-signal);border:none;color:#fff}.rec-btn--primary:hover{background:var(--rec-signal-deep)}.rec-btn--ghost{background:#1f2937;background:var(--surface-muted,#1f2937);border:none;color:var(--rec-ink)}.rec-btn--ghost:hover:not(:disabled){background:#ffffff0d}.rec-btn:disabled{cursor:not-allowed;opacity:.55}.rec-btn:focus-visible{outline:2px solid var(--rec-signal);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rec-btn,.rec-hero-card,.rec-peripheral-card{transition:none}.rec-hero-card:hover,.rec-peripheral-card:hover{box-shadow:none;transform:none}}@media (max-width:960px){.rec-featured-peripheral,.rec-hero-grid{grid-template-columns:1fr}.rec-featured-peripheral__visual{min-height:120px}.rec-secondary-row{grid-template-columns:36px minmax(0,1fr) auto}.rec-secondary-row__specs{display:none}.rec-peripherals-grid{grid-template-columns:1fr}}@media (max-width:640px){.rec-result-page{padding:1.25rem 1rem 2.5rem}.rec-page-header__title{font-size:1.85rem}.rec-section__title{font-size:1.2rem}.rec-summary__total{font-size:1.75rem}.rec-hero-card{flex-direction:column}.rec-hero-card__visual{flex:none;min-height:100px;width:100%}.rec-summary__actions{flex-direction:column}.rec-btn{width:100%}.rec-secondary-row{gap:.5rem .75rem;grid-template-columns:36px minmax(0,1fr)}.rec-secondary-row__price{grid-column:2;justify-self:start}}.nav-container{align-items:center;border-top:1px solid #ffffff0d;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:800px;padding-top:1.5rem;width:100%}.wizard-error{background:#e53e3e1f;border-radius:6px;color:#fca5a5;font-size:.875rem;line-height:1.5;margin:1.5rem auto 0;max-width:800px;padding:.8rem 1rem;width:100%}.nav-btn{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:1px;padding:.75rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-back{background:#0000;border:1px solid #ffffff1a;color:#a1a1aa}.btn-back:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}.btn-next{background-color:#007bff;border:1px solid #007bff;box-shadow:0 4px 14px 0 #007bff59;color:#fff}.btn-next:hover:not(:disabled){background-color:#0056b3;border-color:#0056b3;box-shadow:0 6px 20px #007bff73;transform:translateY(-2px)}.btn-next:active:not(:disabled){transform:translateY(0)}.btn-next:disabled{background-color:#27272a;border-color:#3f3f46;box-shadow:none;color:#52525b;cursor:not-allowed;opacity:.6}.nav-container:has(.btn-back:hidden){justify-content:flex-end}.step-budget-wrapper{display:flex;flex-direction:column;gap:2rem;width:100%}.step-budget-header{text-align:center}.step-budget-title{color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.step-budget-subtitle{color:#a1a1aa;font-size:.95rem}.budget-cards-grid{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:700px;width:100%}.budget-card{align-items:center;flex-direction:row;gap:2rem;justify-content:flex-start;padding:1.25rem 1.5rem}@media (max-width:640px){.budget-card{align-items:flex-start;flex-direction:column;gap:1rem}}.budget-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:.25rem;width:100%}.budget-card-icon{align-items:center;background-color:#ffffff0d;border-radius:10px;color:#a1a1aa;display:flex;flex-shrink:0;height:42px;justify-content:center;margin-top:2px;width:42px}.budget-card-title{color:#fff;font-size:1rem;font-weight:600}.budget-card-subtitle{color:#a1a1aa;font-size:.85rem}.budget-tiers{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;width:100%}.budget-tier-btn{align-items:center;background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:9999px;color:#e4e4e7;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.2rem;justify-content:center;min-width:0;padding:.6rem .4rem;transition:all .2s ease;white-space:nowrap}.budget-tier-btn:hover{background-color:#ffffff14}.budget-tier-btn.active{background-color:#3b82f626;border-color:#3b82f6;color:#fff}.budget-tier-label{font-size:.75rem;font-weight:600}.budget-tier-sub{color:#a1a1aa;font-size:.65rem}.budget-card{align-items:flex-start;background-color:#27272a66;border:1px solid #ffffff14;border-radius:1rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.budget-tier-btn.active .budget-tier-sub{color:#93c5fd}.profile-container{background:#0000;gap:2.5rem}.profile-container,.profile-header{display:flex;flex-direction:column;width:100%}.profile-header{align-items:center;background:#0000!important;gap:.75rem;margin-bottom:3rem;text-align:center}.profile-title{color:#fff;font-size:2.25rem;font-weight:700}.profile-subtitle,.profile-title{background:#0000!important;margin:0;padding:0}.profile-subtitle{color:#a1a1aa;font-size:1.1rem}.profile-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(1,1fr);margin:0 auto;max-width:800px;width:100%}@media (min-width:640px){.profile-grid{grid-template-columns:repeat(2,1fr)}}.profile-card{align-items:center;background-color:#27272a66;border:1px solid #ffffff14;border-radius:1rem;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:1rem;height:250px;padding:1.5rem;text-align:center;transition:all .2s ease-out;width:100%}.profile-card:hover{background-color:#27272a99;border-color:#fff3}.profile-card.selected{background-color:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 20px #3b82f626}.profile-icon-wrapper{align-items:center;background-color:#ffffff0d;border-radius:14px;color:#a1a1aa;display:flex;height:56px;justify-content:center;transition:all .2s ease;width:56px}.profile-card.selected .profile-icon-wrapper{background-color:#3b82f6;color:#fff}.profile-info h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.profile-info p{color:#a1a1aa;font-size:.85rem;line-height:1.4}.step-desk-container{color:#fff;font-family:sans-serif;margin:0 auto;max-width:850px;padding:20px}.desk-header{margin-bottom:30px;text-align:center}.desk-header h2{font-size:26px;margin-bottom:10px}.desk-header p{color:#888;font-size:14px}.desk-simulator-card{background:#16191d;border:1px solid #ffffff14;border-radius:12px;padding:30px}.controls-stack{display:flex;flex-direction:column;gap:20px}.control-line{align-items:center;display:flex;justify-content:space-between}.control-line-stack{display:flex;flex-direction:column;gap:8px}.control-line-stack .label-row{align-items:center;display:flex;justify-content:space-between}.label-mini{color:#666;font-size:10px;font-weight:700;letter-spacing:1px}.add-text-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:11px;font-weight:700;padding:10px 0;text-align:left;width:-webkit-fit-content;width:fit-content}.add-text-btn:hover{text-decoration:underline}.pill-row{align-items:center;display:flex;gap:8px}.pill{background:#16191d;border:1.5px solid #ffffff1f;border-radius:20px;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:12px;padding:6px 14px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pill.active,.pill:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.x-btn{background:none;border:none;color:#666;cursor:pointer;margin-left:5px}.visualizer-area{align-items:center;display:flex;flex-direction:column;margin:40px 0}.ruler-container{align-items:center;display:flex;gap:10px;margin-bottom:15px;opacity:.5;width:100%}.ruler-line{background:#1a1a1a;flex:1 1;height:1px}.ruler-val{color:#888;font-family:monospace;font-size:11px}.desk-surface{align-items:center;background:#16191d;border:1px solid #ffffff14;border-radius:12px;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:250px;padding:30px;width:100%}.desk-surface.error{border:1.5px solid #ef444480}.monitors-flex{align-items:flex-end;gap:10px;min-height:80px;width:100%}.monitor-unit,.monitors-flex{display:flex;justify-content:center}.monitor-unit{align-items:center;background:#0000;border:1px solid #ffffff1a;border-radius:10px;color:#a1a1aa;font-size:12px;height:70px}.desk-surface.error .monitor-unit{background:#ef444433;border-color:#ef4444;color:#ef4444}.error-alert{color:#ef4444;font-family:monospace;font-size:10px;font-weight:700;margin:10px 0}.peripherals-flex{gap:15px;min-height:60px;width:100%}.dashed-box,.peripherals-flex{display:flex;justify-content:center}.dashed-box{align-items:center;border:1px dashed #ffffff1a;border-radius:8px;color:#71717a;font-size:10px;height:55px;letter-spacing:1.5px}.dashed-box.keyboard{background:#282e34;border-color:#3b82f64d;color:#3b82f6}.dashed-box.mouse{flex:0.3 1}.footer-line{border-top:1px solid #ffffff14;margin-top:10px;padding-top:20px}.connectivity-step{display:flex;flex-direction:column;gap:1.25rem;margin:0 auto;max-width:800px;width:100%}.connectivity-header{margin-bottom:.5rem;text-align:center}.connectivity-header h2{text-wrap:balance;color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.connectivity-header p{color:#9ca3af;font-size:.95rem;margin:0}.connectivity-panel{background:#16191d;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem 1.35rem}.connectivity-rows{display:flex;flex-direction:column;gap:.85rem}.connectivity-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(90px,1fr) auto auto}.connectivity-row-label{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.6rem}.connectivity-row-label svg{color:#9ca3af;flex-shrink:0}.connectivity-toggle{background:#07060b8c;border:1px solid #ffffff14;gap:.35rem;padding:.2rem}.connectivity-mode-btn,.connectivity-toggle{align-items:center;border-radius:9999px;display:inline-flex}.connectivity-mode-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;height:2.25rem;justify-content:center;transition:background-color .2s ease,color .2s ease;width:2.25rem}.connectivity-mode-btn.active,.connectivity-mode-btn:hover{background:#3b82f6;color:#fff}.connectivity-any-btn{background:#0000;border:1px solid #ffffff24;border-radius:9999px;color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;padding:.45rem .9rem;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.connectivity-any-btn.active,.connectivity-any-btn:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}@media (max-width:560px){.connectivity-row{border-bottom:1px solid #ffffff0f;gap:.6rem;grid-template-columns:1fr;justify-items:start;padding-bottom:.85rem}.connectivity-row:last-child{border-bottom:none;padding-bottom:0}.connectivity-any-btn,.connectivity-toggle{justify-self:stretch}.connectivity-toggle{justify-content:space-evenly;width:100%}.connectivity-any-btn{text-align:center;width:100%}}:root{--bg-main:#0a0a0a;--bg-card:#121418;--bg-input:#1a1d24;--blue-accent:#0059ff;--text-primary:#fff;--text-secondary:#8b949e;--border-subtle:#ffffff14}.glossary-page-dark{background-color:#0a0a0a;background-color:var(--bg-main);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.hero-dark{align-items:center;display:flex;gap:40px;justify-content:space-between;margin-bottom:4rem;padding-top:2rem}.hero-text-content{flex:1 1;max-width:600px}.tag-enciclopedia{align-items:center;color:#0059ff;color:var(--blue-accent);display:inline-flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:1px;margin-bottom:1.5rem}.dot-blue{background-color:#0059ff;background-color:var(--blue-accent);border-radius:50%;height:8px;width:8px}.hero-text-content h1{font-size:3.5rem;font-weight:600;line-height:1.1;margin-bottom:1.5rem}.hero-text-content .text-blue{color:#0059ff;color:var(--blue-accent)}.hero-text-content p{color:#8b949e;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.btn-solid-blue{background:#0059ff;background:var(--blue-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px 28px;transition:.2s}.btn-solid-blue:hover{background:#004be6}.btn-outline-dark{background:#0000;border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:14px 28px;transition:.2s}.btn-outline-dark:hover{background:#ffffff0d}.hero-image-content{flex:1 1}.hero-image-wrapper{background-position:50%;background-size:cover;border-radius:16px;height:400px;overflow:hidden;position:relative;width:100%}.hero-image-wrapper:after{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;content:"";height:60%;left:0;position:absolute;width:100%}.highlight-tag{color:#8b949e;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:1px}.glossary-controls-dark{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.search-bar-dark{position:relative;width:100%}.search-bar-dark input{background-color:#1a1d24;background-color:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;box-sizing:border-box;color:#fff;font-size:1rem;padding:16px 20px 16px 50px;width:100%}.search-bar-dark .icon,.search-bar-dark input::placeholder{color:#8b949e;color:var(--text-secondary)}.search-bar-dark .icon{left:20px;position:absolute;top:50%;transform:translateY(-50%)}.category-filters-dark{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.filter-pill{background:#1a1d24;background:var(--bg-input);border:none;border-radius:30px;color:#8b949e;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 20px;transition:all .2s}.filter-pill:hover{background:#2a2e38;color:#fff}.filter-pill.active{background:#0059ff;background:var(--blue-accent);color:#fff}.terms-grid-dark{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.term-card-dark{background-color:#121418;background-color:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s ease,border-color .2s ease}.term-card-dark:hover{border-color:#fff3;transform:translateY(-5px)}.card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-category-tag{border-radius:4px;font-size:.65rem;font-weight:800;letter-spacing:1px;padding:4px 8px;text-transform:uppercase}.tag-red{background:#ff47571a;color:#ff4757}.tag-yellow{background:#ffa5021a;color:#ffa502}.tag-green{background:#2ed5731a;color:#2ed573}.tag-purple{background:#9b59b61a;color:#9b59b6}.tag-blue{background:#0059ff1a;color:#0059ff;color:var(--blue-accent)}.icon-right{color:#8b949e;color:var(--text-secondary)}.card-body h3{font-size:1.4rem;font-weight:700;margin:0 0 10px}.card-body p{color:#8b949e;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 20px}.card-bottom{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-top:auto;padding-top:15px}.impact-text{color:#8b949e;color:var(--text-secondary);font-size:.7rem;letter-spacing:.5px}.btn-expand{align-items:center;background:#0000;border:none;color:#0059ff;color:var(--blue-accent);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:5px}.load-more-container{margin-top:4rem;text-align:center}.showing-text{color:#8b949e;color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.btn-load-more{background:#1a1d24;background:var(--bg-input);border:1px solid #ffffff14;border:1px solid var(--border-subtle);border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:.2s}.btn-load-more:hover{background:#2a2e38}@media (max-width:900px){.hero-dark{flex-direction:column;text-align:center}}.about-hero{align-items:center;background:linear-gradient(135deg,#161b22,#0d1117);border:1px solid #30363d;border-radius:16px;box-shadow:0 10px 25px #0000004d;display:flex;justify-content:space-between;margin:4rem auto;max-width:1400px;min-height:400px;padding:4rem;width:90%}.about-hero .hero-content{flex:1 1;max-width:500px}.about-hero .hero-title{color:#fff;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.about-hero .hero-subtitle{color:#8b949e;font-size:1.2rem;line-height:1.6}.about-hero .hero-image{align-items:center;display:flex;flex:1 1;justify-content:center}.contact-section,.our-process,.our-story,.stats-section{margin:4rem auto;max-width:1200px;padding:0 2rem}.section-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.story-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.story-text h2{color:#fff;font-size:2rem;margin-bottom:1.5rem}.story-text p{color:#8b949e;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.story-image img{border-radius:12px;box-shadow:0 10px 30px #0006;width:100%}.story-stats{display:flex;gap:2rem;justify-content:space-between;margin-top:3rem}.stat-item{background:#1f2937;border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 4px 6px #0003;flex:1 1;padding:2rem;text-align:center;transition:transform .3s}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:#007bff;display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#9ca3af;font-size:1.1rem;font-weight:500}.process-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.process-step{align-items:flex-start;background:#161b22;border:1px solid #30363d;border-radius:12px;display:flex;gap:2rem;padding:2.5rem;transition:transform .3s}.process-step:hover{border-color:#007bff;transform:translateX(10px)}.step-number{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.step-content h3{color:#fff!important;font-size:1.5rem;margin-bottom:1rem}.step-content p{color:#e6edf3!important;line-height:1.6;margin:0}.about-values{margin:4rem auto;max-width:1200px;padding:0 2rem}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.value-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:2.5rem;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.value-card:hover{border-color:#007bff;box-shadow:0 10px 25px #007bff1a;transform:translateY(-5px)}.value-icon{color:#007bff;font-size:2.5rem;margin-bottom:1.5rem}.value-card h3{color:#fff!important;font-size:1.5rem;margin-bottom:1rem}.value-card p{color:#e6edf3!important;line-height:1.6;margin:0}.contact-container{background:#161b22;border:1px solid #30363d;border-radius:16px;box-shadow:0 10px 30px #0000004d;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.contact-info{padding:4rem}.contact-info h3{color:#fff;font-size:2rem;margin-bottom:1.5rem}.contact-info p{color:#8b949e;line-height:1.6;margin-bottom:2rem}.contact-methods{display:flex;flex-direction:column;gap:1.5rem}.contact-method{align-items:center;color:#e6edf3;display:flex;font-size:1.1rem;gap:1rem}.contact-method i{color:#007bff;font-size:1.5rem;text-align:center;width:30px}.contact-cta{align-items:flex-start;background:#0d1117;border-left:1px solid #30363d;display:flex;flex-direction:column;justify-content:center;padding:4rem}.contact-cta h3{color:#fff;font-size:2rem;margin-bottom:1rem}.contact-cta p{color:#8b949e;margin-bottom:2rem}.cta-button{background:#007bff;border:2px solid #007bff;border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin:.5rem .5rem .5rem 0;padding:12px 24px;text-decoration:none;transition:.2s}.cta-button:hover{background:#0056b3;border-color:#0056b3;color:#fff}.cta-button.secondary{background:#0000;color:#007bff}.cta-button.secondary:hover{background:#007bff1a;color:#007bff}@media (max-width:900px){.about-hero{flex-direction:column;padding:3rem 2rem;text-align:center}.about-hero .hero-title{font-size:2.5rem}.story-content{gap:3rem}.contact-container,.story-content{grid-template-columns:1fr}.contact-cta{border-left:none;border-top:1px solid #30363d}}@media (max-width:600px){.process-step,.story-stats{flex-direction:column}.process-step{align-items:center;text-align:center}}main.page-container:has(.login-page-wrapper){align-items:center;display:flex;min-height:calc(100dvh - 8.5rem);padding-bottom:1.25rem;padding-top:1.25rem}body:has(.login-page-wrapper) .app-footer{margin-top:1.5rem}.login-page-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.login-page-wrapper .login-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-height:calc(100dvh - 8.5rem);max-width:960px;min-height:520px;overflow:hidden;width:100%}.login-page-wrapper .login-content{display:flex;flex-direction:column;justify-content:center;min-height:0;overflow-y:auto;padding:2rem 2.25rem}.login-page-wrapper .login-header{margin-bottom:1.5rem;text-align:center}.login-page-wrapper .login-logo{color:var(--text-dark);display:inline-block;font-size:1.15rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;text-decoration:none}.login-page-wrapper .login-header h2{text-wrap:balance;color:var(--text-dark);font-size:1.5rem;margin-bottom:.25rem}.login-page-wrapper .login-header p{color:var(--text-muted);font-size:.95rem}.login-page-wrapper .auth-form-stack{display:grid}.login-page-wrapper .auth-form-stack>form{grid-area:1/1}.login-page-wrapper .auth-form-stack>form.is-inactive{pointer-events:none;visibility:hidden}.login-page-wrapper #login-form,.login-page-wrapper #register-form{display:flex;flex-direction:column;gap:.85rem}.login-page-wrapper .form-group{display:flex;flex-direction:column;gap:.35rem;position:relative}.login-page-wrapper .label-wrapper{align-items:center;display:flex;justify-content:space-between}.login-page-wrapper .form-group label{color:var(--text-dark);font-weight:600}.login-page-wrapper .forgot-link{color:var(--primary-color);font-size:.9rem;text-decoration:none}.login-page-wrapper .forgot-link:hover{text-decoration:underline}.login-page-wrapper .form-input{border:1px solid var(--border-color);border-radius:8px;font-family:Poppins,sans-serif;font-size:.95rem;padding:.65rem .85rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.login-page-wrapper .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff33;outline:none}.login-page-wrapper .password-wrapper{display:flex;position:relative}.login-page-wrapper .password-wrapper .form-input{padding-right:3rem}.login-page-wrapper .toggle-password{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;height:100%;position:absolute;right:0;top:0;width:3rem}.login-page-wrapper .form-options{align-items:center;display:flex;justify-content:space-between;margin-top:-.5rem}.login-page-wrapper .checkbox-container{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem}.login-page-wrapper .checkbox-container input{margin-right:.5rem}.login-page-wrapper .login-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:background-color .2s ease}.login-page-wrapper .login-btn:hover:not(:disabled){background-color:#0056b3}.login-page-wrapper .login-btn:disabled{cursor:not-allowed;opacity:.6}.login-page-wrapper .register-link{color:var(--text-muted);font-size:.9rem;margin-top:1rem;text-align:center}.login-page-wrapper .register-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.login-page-wrapper .login-promo-banner{align-items:center;background:linear-gradient(135deg,var(--dark-bg-secondary),var(--dark-bg));color:var(--text-light);display:flex;flex-direction:column;justify-content:center;min-height:0;overflow-y:auto;padding:2.25rem 2.5rem;text-align:center}.login-page-wrapper .login-promo-banner h3{text-wrap:balance;font-size:1.35rem;font-weight:700;margin-bottom:.5rem}.login-page-wrapper .promo-features{list-style:none;margin-top:1.25rem;padding:0;text-align:left;width:100%}.login-page-wrapper .promo-feature-item{margin-bottom:1rem}.login-page-wrapper .feature-item-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.login-page-wrapper .feature-item-header i{color:var(--secondary-color);font-size:1.1rem;text-align:center;width:20px}.login-page-wrapper .feature-item-title{color:var(--text-light);font-size:.95rem;font-weight:600}.login-page-wrapper .feature-item-description{color:#a0aec0;font-size:.85rem;line-height:1.45;margin:0;padding-left:32px}.login-page-wrapper .modal{animation:fadeIn .3s;background-color:#0009;display:block;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-page-wrapper .modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;margin:15vh auto;max-width:500px;overflow:hidden;width:90%}.login-page-wrapper .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem}.login-page-wrapper .modal-header h3{font-size:1.5rem;margin:0}.login-page-wrapper .modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;font-weight:700}.login-page-wrapper .modal-close:hover{color:#000}.login-page-wrapper .modal-body{padding:2rem}.login-page-wrapper .modal-body p{color:var(--text-muted);margin-bottom:1.5rem}.login-page-wrapper .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.login-page-wrapper .success-modal .modal-body{text-align:center}.login-page-wrapper .success-icon{color:var(--secondary-color);font-size:4rem;margin-bottom:1.5rem}.login-page-wrapper .form-group.error .form-input{border-color:#e53e3e}.login-page-wrapper .form-error{color:#e53e3e;font-size:.85rem;font-weight:500}.login-page-wrapper .form-error:empty{display:none}.login-page-wrapper .password-requirements{grid-gap:.35rem .75rem;display:grid;gap:.35rem .75rem;grid-template-columns:1fr 1fr;list-style:none;margin:.15rem 0 0;padding:0}.login-page-wrapper .password-requirements li{align-items:center;display:flex;font-size:.78rem;gap:.4rem;line-height:1.3;transition:color .15s ease}.login-page-wrapper .password-requirements li i{flex-shrink:0;font-size:.85rem}.login-page-wrapper .password-requirements li.unmet{color:var(--text-muted)}.login-page-wrapper .password-requirements li.unmet i{color:#cbd5e0}.login-page-wrapper .password-requirements li.met{color:#276749;font-weight:500}.login-page-wrapper .password-requirements li.met i{color:var(--secondary-color)}.login-page-wrapper .form-global-error{background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:none;font-size:.9rem;font-weight:500;margin-bottom:.75rem;padding:.75rem;text-align:center}.login-page-wrapper .form-global-error.visible{display:block}.login-page-wrapper .btn-loading{align-items:center;display:none;gap:.5rem}@media (max-height:780px){.login-page-wrapper .login-content{padding:1.25rem 1.5rem}.login-page-wrapper .login-header{margin-bottom:.85rem}.login-page-wrapper .login-header h2{font-size:1.35rem}.login-page-wrapper .promo-feature-item{margin-bottom:.75rem}.login-page-wrapper .login-promo-banner{padding:1.5rem}}@media (max-width:900px){main.page-container:has(.login-page-wrapper){align-items:flex-start;min-height:auto}.login-page-wrapper .login-container{grid-template-columns:1fr;margin:0 auto;max-height:none;min-height:auto}.login-page-wrapper .login-promo-banner{display:none}.login-page-wrapper .login-content{overflow-y:visible;padding:1.5rem 1.25rem}.login-page-wrapper .login-header{margin-bottom:1.25rem}}.profile-page{color:var(--text-light);max-width:100%;min-width:0;overflow-x:clip;width:100%}.profile-header-banner{border-radius:12px;height:120px;margin-bottom:-48px;opacity:.85}.profile-content{box-sizing:border-box;gap:2rem;margin:0 auto;max-width:960px;min-width:0;width:100%}.profile-content,.user-card-main{display:flex;flex-direction:column}.user-card-main{align-items:flex-start;gap:.5rem;padding:0 .25rem .5rem;position:relative}.user-avatar-large{align-items:center;border:4px solid var(--dark-bg)!important;border-radius:50%;box-shadow:0 4px 16px #00000059;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:96px;justify-content:center;overflow:hidden;text-transform:uppercase;width:96px}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.user-card-main h1{color:var(--text-light);font-size:1.75rem;font-weight:700;line-height:1.2;margin:.75rem 0 0}.user-email{color:#a0aec0;font-size:.95rem;margin:0}.user-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.user-badges .badge{align-items:center;background:var(--dark-bg-secondary);border:1px solid #ffffff14;border-radius:999px;color:#e2e8f0;display:inline-flex;font-size:.8rem;font-weight:600;padding:.35rem .75rem}.user-badges .badge.badge-member{background:#ffffff0f;color:#cbd5e0}.user-badges .badge.badge-years{background:#63b3ed1f;border-color:#63b3ed4d;color:#90cdf4}.admin-tag-option .badge.badge-beta,.user-badges .badge.badge-beta{background:#00e6761f;border-color:#00e67640;color:var(--secondary-color)}.admin-tag-option .badge.badge-admin,.user-badges .badge.badge-admin{background:#ecc94b24;border-color:#ecc94b59;color:#f6e05e}.admin-tags-panel{background:#12181f;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem}.admin-tags-panel h2{align-items:center;color:var(--text-light);display:flex;font-size:1.2rem;gap:.6rem;margin:0 0 .5rem}.admin-tags-panel h2 i{color:#f6e05e;font-size:1rem}.admin-tags-help{color:#a0aec0;font-size:.9rem;line-height:1.45;margin:0 0 1.25rem}.admin-tags-search{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.admin-tags-input{background:#0d1218;border-color:#ffffff1f;color:var(--text-light);flex:1 1;margin-bottom:0!important}.admin-tags-input::placeholder{color:#718096}.admin-tags-success{justify-content:flex-start!important;margin-bottom:.75rem!important}.admin-tags-target{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-top:1rem}.admin-tags-target-info{display:flex;flex-direction:column;gap:.2rem}.admin-tags-target-info strong{color:var(--text-light);font-size:1.05rem}.admin-tags-target-info span{color:#a0aec0;font-size:.9rem}.admin-tags-options{display:flex;flex-wrap:wrap;gap:.75rem}.admin-tag-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:inline-flex;gap:.5rem;padding:.4rem .65rem}.admin-tag-option.active{background:#f6e05e14;border-color:#f6e05e73}.admin-tag-option input{accent-color:#f6e05e}.admin-tag-option .badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:600;padding:.3rem .65rem}@media (max-width:768px){.admin-tags-search{flex-direction:column}.admin-tags-search .btn-save{width:100%}}.profile-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn-edit,.btn-logout-profile{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.65rem 1.15rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.btn-edit{background:var(--primary-color);border:none;color:#fff}.btn-edit:hover{background:#0056b3}.btn-logout-profile{background:#0000;border:1px solid #fc818173;color:#fc8181}.btn-logout-profile:hover{background:#e53e3e1f;border-color:#fc8181}.dashboard-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.dashboard-card{align-items:flex-start;background:#12181f;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:1rem;padding:1.35rem 1.5rem}.card-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:1.15rem;height:48px;justify-content:center;width:48px}.card-icon.red{background:#e53e3e26;color:#fc8181}.card-icon.blue{background:#007bff26;color:#63b3ed}.card-icon.green{background:#00e6761f;color:var(--secondary-color)}.card-content h3{color:var(--text-light);font-size:1.05rem;margin:0 0 .35rem}.card-content p{color:#a0aec0;font-size:.9rem;line-height:1.45;margin:0 0 .75rem}.card-content p strong{color:var(--text-light)}.card-link{align-items:center;background:none;border:none;color:#63b3ed;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.35rem;padding:0;text-decoration:none}.card-link:hover{color:#90cdf4;text-decoration:underline}.recommendations-section{max-width:100%;min-width:0;width:100%}.recommendations-section h2{align-items:center;color:var(--text-light);display:flex;font-size:1.25rem;font-weight:600;gap:.6rem;margin:0 0 1rem}.recommendations-section h2 i{color:var(--secondary-color);font-size:1rem}.rec-carousel{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));min-width:0;width:100%}.rec-card{align-items:stretch;background:#12181f;border:1px solid #ffffff14;border-radius:12px;color:inherit;display:flex;flex-direction:column;max-width:280px;min-width:0;overflow:hidden;padding:.85rem;text-align:center;text-decoration:none;transition:border-color .2s ease,transform .2s ease;width:100%}.rec-card:hover{border-color:#007bff73;transform:translateY(-3px)}.rec-card img{background:#fff;border-radius:8px;box-sizing:border-box;height:140px;margin-bottom:.65rem;object-fit:contain;padding:.5rem;width:100%}.rec-card h4{color:var(--text-light);font-size:.9rem;font-weight:600;margin:0 0 .35rem;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card span{color:var(--secondary-color);font-size:.95rem;font-weight:700}.modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content.settings-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000059;color:var(--text-dark);max-height:90vh;max-width:480px;overflow-y:auto;padding:0;width:100%}.settings-modal .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.settings-modal .modal-header h3{color:var(--text-dark);font-size:1.25rem;margin:0}.settings-modal .modal-header button{background:none;border:none;color:#718096;cursor:pointer;font-size:1.2rem;padding:.25rem}.settings-modal .modal-header button:hover{color:var(--text-dark)}.settings-modal .modal-body{padding:1.5rem}.settings-modal .modal-body label{color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.input-field{border:1px solid #cbd5e0;border-radius:8px;color:var(--text-dark);font-family:inherit;font-size:1rem;margin-bottom:1.25rem;padding:.75rem .9rem;width:100%}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff26;outline:none}.file-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.avatar-preview{align-items:center;border:3px solid #e2e8f0;border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:88px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:88px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.upload-btn{align-items:center;background:#f1f5f9;border:2px dashed #cbd5e0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;text-align:center;transition:border-color .2s ease,color .2s ease,background-color .2s ease;width:100%}.upload-btn:hover{background:#f0f9ff;border-color:var(--primary-color);color:var(--primary-color)}.upload-section{margin-bottom:1.25rem;margin-top:.75rem;position:relative;text-align:center}.upload-section p{color:#718096;font-size:.85rem;margin-bottom:.5rem}.upload-success{align-items:center;color:#276749!important;display:flex;font-weight:600;gap:.4rem;justify-content:center;margin-top:.65rem!important}.upload-error{color:#c53030;font-size:.85rem;font-weight:600;margin-bottom:0;margin-top:.65rem;text-align:center}.avatar-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:.75rem}.avatar-option{background:none;border:3px solid #0000;border-radius:50%;cursor:pointer;display:block;overflow:hidden;padding:0;transition:transform .15s ease,border-color .15s ease;width:100%}.avatar-option:hover{border-color:#90cdf4;transform:scale(1.05)}.avatar-option.selected{border-color:var(--primary-color)}.avatar-option img{background-color:#f1f5f9;border-radius:50%;display:block;width:100%}.color-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.5rem}.color-circle{border:3px solid #0000;border-radius:50%;cursor:pointer;height:32px;padding:0;transition:transform .15s ease;width:32px}.color-circle:hover{transform:scale(1.1)}.color-circle.selected{border-color:var(--text-dark);transform:scale(1.1)}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.35rem}.btn-cancel{background:#0000;border:none;color:#718096;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1rem}.btn-cancel:hover{color:var(--text-dark)}.btn-save{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.7rem 1.25rem}.btn-save:hover:not(:disabled){background:#0056b3}.btn-save:disabled{cursor:not-allowed;opacity:.65}.credentials-section{border-top:1px solid var(--border-color);margin-top:1.75rem;padding-top:1.5rem}.credentials-section h4{text-wrap:balance;color:var(--text-dark);font-size:1.05rem;margin:0 0 .35rem}.credentials-help{color:#4a5568;font-size:.85rem;line-height:1.45;margin:0 0 1.1rem}.profile-password-requirements{grid-gap:.3rem;display:grid;gap:.3rem;list-style:none;margin:-.5rem 0 1.1rem;padding:0}.profile-password-requirements li{font-size:.8rem;font-weight:600}.profile-password-requirements li.met{color:#276749}.profile-password-requirements li.unmet{color:#718096}.credentials-success{justify-content:flex-start!important;margin-bottom:.85rem!important}.btn-credentials{margin-top:.25rem;width:100%}.input-field:disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.profile-login-prompt{color:var(--text-light);padding:3rem 1rem;text-align:center}@media (max-width:768px){.profile-header-banner{height:88px;margin-bottom:-40px}.user-card-main{align-items:center;text-align:center}.profile-actions,.user-badges{justify-content:center}.dashboard-grid{grid-template-columns:1fr}.rec-carousel{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.rec-card{max-width:none}.avatar-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.profile-actions{flex-direction:column;width:100%}.btn-edit,.btn-logout-profile{width:100%}}
/*# sourceMappingURL=main.e66a8ddb.css.map*/