:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#7c3aed;--accent:#ec4899;--light:#f9fafb;--light-gray:#f3f4f6;--dark:#111827;--text-gray:#4b5563;--success:#22c55e;--warning:#f59e0b;--white:#ffffff}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--light);color:var(--dark);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{text-decoration:none;color:var(--primary);transition:all .3s ease}a:hover{color:var(--primary-dark)}.btn-primary-custom{background-color:var(--primary);border-color:var(--primary);color:var(--white);font-weight:600;padding:.8rem 2rem;border-radius:8px;transition:all .3s ease}.btn-primary-custom:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.btn-outline-custom{background-color:transparent;color:var(--primary);border:2px solid var(--primary);font-weight:600;padding:.8rem 2rem;border-radius:8px;transition:all .3s ease}.btn-outline-custom:hover{background-color:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.1)}.section-padding{padding:6rem 0}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem}.section-header p{color:var(--text-gray);font-size:1.2rem}.feature-icon{width:60px;height:60px;border-radius:12px;background-color:rgba(37,99,235,.1);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:var(--primary);margin-bottom:1.5rem}.floating-element{position:absolute;animation:float 6s ease-in-out infinite}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-10px);box-shadow:0 12px 24px rgba(0,0,0,.1)!important}.custom-tab,.transition-300{transition:all .3s ease}.custom-tab{padding:1.5rem;background-color:var(--white);border-radius:12px;cursor:pointer;border-left:4px solid transparent;margin-bottom:1rem}.custom-tab.active{border-left-color:var(--primary);background-color:rgba(37,99,235,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.dashboard-toolbar{height:60px;background-color:rgba(255,255,255,.1);display:flex;align-items:center;padding:0 2rem;border-top-left-radius:12px;border-top-right-radius:12px}.toolbar-action{width:12px;height:12px;border-radius:50%;margin-right:.8rem}.sidebar-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:6px;margin-bottom:.8rem;color:rgba(255,255,255,.7);cursor:pointer;transition:all .3s ease}.sidebar-item:hover{background-color:rgba(255,255,255,.05)}.sidebar-item.active{background-color:rgba(37,99,235,.3);color:var(--white)}.cta-input{flex:1 1;padding:1rem 1.5rem;font-size:1rem}.cta-btn,.cta-input{border:none;border-radius:8px}.cta-btn{background-color:var(--accent);color:var(--white);padding:1rem 2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn:hover{background-color:#d03177;transform:translateY(-2px)}.brand h1{font-size:1.5rem;font-weight:700;margin:0}.brand span{color:var(--primary)}.loader-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.qr-code-container{position:relative;width:60px;height:60px}.qr-square{background-color:#333;margin:2px;border-radius:2px}.finder-tl{grid-column:1/span 2;position:relative}.finder-tl,.finder-tr{grid-row:1/span 2;background-color:#333;border-radius:4px}.finder-tr{grid-column:4/span 2}.finder-bl{grid-column:1/span 2;grid-row:4/span 2;background-color:#333;border-radius:4px}.finder-inner{position:absolute;top:20%;left:20%;width:60%;height:60%;background-color:white;border-radius:2px}.scan-line{position:absolute;height:2px;width:100%;background-color:#f00;top:0;left:0;box-shadow:0 0 10px #f00;animation:scan 2s ease-in-out infinite}.scanner{position:absolute;width:50px;height:50px;color:#f00;opacity:.8;transform:translateY(-150px);animation:float 2s ease-in-out infinite}@keyframes scan{0%{top:0;opacity:.8}50%{top:100%;opacity:.8}to{top:0;opacity:.8}}@keyframes float{0%,to{transform:translateY(-150px)}50%{transform:translateY(-80px)}}